프런트엔드

정말 초초초초 간단하게 react, html에서 css로 misspell 혹은 틀린 글자 등 아래에 wavy underline, 즉 밑줄이 보이게 하는 코드입니다! span 전체 코드 : {text.children} 즉, textDecoration: 'underline wavy 원하는컬러코드(ex: #FFFFFF, red, black 등)' 이부분만 추가해주시면 됩니다 ㅎㅎ 완성!!! 끝입니다!!!! 저는 Draft.js를 사용중인데, 모든 editor에 대해 맨 앞글자만 해당 스타일이 적용되도록 구현한 결과입니다. 참고로 저는 저 부분을 클릭할 수 있게 해야해서, hover했을 때 포인터 모양을 바꿔주기 위해 cursor: 'pointer'를 추가해줬어요! 참고 : https://stackoverflo..

에러 전문: The 'this' context of type 'void' is not assignable to method's 'this' of type 'Observable'.ts(2684) No overload matches this call. Overload 1 of 11, '(op1: OperatorFunction, op2: OperatorFunction): Observable', gave the following error. Argument of type 'Observable' is not assignable to parameter of type 'OperatorFunction'. Type 'Observable' provides no match for the signature '(source: ..

* 자막 없이 영어로 들어서 중간중간 영어가 많이 섞여있을 수 있음. #2.0 Snack https://snack.expo.dev/ Snack - React Native in the browser Write code in Expo's online editor and instantly use it on your phone. snack.expo.dev 웹 페이지에서 react native 코드도 치고, 바로 옆에 에뮬레이터로 결과도 보여줌. QR코드 찍어서 개인 핸드폰으로도 바로 볼 수 있음. 군대, 폰이 없는 경우 등 다양한 환경에서 웹 브라우저만 접속이 가능하면 들어가기 가능. #2.1 The Rules of Native - RN은 웹사이트, html이 아니라 div, span등이 존재하지 않음. -> ..

2022.04.23 프런트엔드 개발자 포트폴리오 노션 링크 https://nutritious-silk-3f4.notion.site/Yejin-Kim-4a3c86b990b049a09ac320b504c578f9 김예진 (Yejin Kim) Hi, I am a fun chasing developer, Yejin! nutritious-silk-3f4.notion.site

Error : Uncaught Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. 노마드 코더의 'ReactJS로 영화 웹 서비스 만들기' 강의 들으면서 치는데 혼자 이 에러가 나서 열심히 찾아보다가 찾은 해결책. 문제가 되고 있던 코드 : const App = () => { const data = React.useState(); console.log(data); return ( Total Clicks: 0 Click me ); } ReactDOM.render(, root); 해결 방법은 진짜 매우 간단.... 수..

Error: Could not find or load main class Caused by: java.lang.ClassNotFoundException: 이 에러를 거진 2~3주정도 못 고치고... 끙끙 앓다가 드디어 해결했다ㅠㅜ! Stackoverflow에 나와있는 모든걸 해봤고... java 환경변수 설정도 진짜 다 해봤다. 인텔리제이도 지웠다가 깔아봤다. 암튼 해결방법은 다음과 같다. 1. File>Settings 를 클릭한다. 2. Build,Execution,Deployment > Maven > Gradle 로 들어간다. 나는 위 사진처럼 빨간 네모 칸 안쪽이 둘 다 Gradle 로 설정 되어있었다. 3. 사진과 같이 둘 다 'IntelliJ IDEA' 로 바꿔준다. 끝@@!!! 너무 잘 돌아간..

안녕하세요, 오늘은 자바스크립트의 미리 정의된 전역 함수, predefined function들 중에서도 eval()함수에 대해서 알아보려고 합니다. 퇴근하고싶어요.. 미리 정의된 전역 함수(Predefined functions) Javascript 에서는 사용자의 편의를 위해 다양한 기능의 여러 전역 함수를 미리 정의하여 제공합니다. 이러한 전역 함수는 자바스크립트 내의 어떤 타입의 객체에서도 바로 사용할 수 있습니다. 아마 parseInt(), isNaN() 함수는 많이 들어보셨을 거라고 생각합니다. JS의 미리 정의되어 있는 전역 함수는 다음과 같습니다. eval() uneval() isFinite() inNaN() parseFloat() parseInt() decodeURI() decodeURIC..

오늘은 jQuery 의 each() 메서드에 대해서 알아보려고 합니다. each() 함수의 개념 jQuery의 each() 메서드는 배열, Map, 그리고 객체를 매개변수로 받아, 마치 반복문처럼 그 요소들을 검사하고 반복할수 있도록 하는 함수입니다. 개인적으로 C++등의 범위기반 for문(range-based for loops)과 유사하다고 생각합니다. //C++ 의 범위 기반 for문 (Range-based for loop) int main(){ int arr[] = { 1, 2, 3}; for (int i : arr) { cout