프론트엔드 첫걸음

https://www.clien.net/service/board/cm_mac/13119792 키보드 몇개가 안눌려지고, 키가 모두선택 기능을 한다던가 (나의 경우는 i 를 눌렀더니 ide의 블록이 전체선택되었다) 하는 에러가 발생한다면?? 이는 자신도 모르게 마우스키를 활성화 해버린것이다. 손쉬운 사용으로 들어가서 마우스키를 비활성화 하면된다.

400에러가 발생했다. 400에러란? https://developer.mozilla.org/ko/docs/Web/HTTP/Status/400 HyperText Transfer Protocol (HTTP) 400 Bad Request 응답 상태 코드는 서버가 클라이언트 오류(예: 잘못된 요청 구문, 유효하지 않은 요청 메시지 프레이밍, 또는 변조된 요청 라우팅) 를 감지해 요청을 처리할 수 없거나, 하지 않는다는 것을 의미합니다. https://extrememanual.net/45867 클라이언트 측에서 요청 메서드(Method)가 잘못된 경우, 요청 헤더가 잘못된 경우, 요청한 본문 구문이 누락된 경우 등이 HTTP 400 Bad Request 오류의 원인이다. 개발자도구를 뒤져보니 "Multipart:..

전역으로 eslint를 설치하는 것은 권장되지 않는다고 한다. It is also possible to install ESLint globally, rather than locally, using npm install eslint --global. However, this is not recommended, and any plugins or shareable configs that you use must still be installed locally if you install ESLint globally. 현재 전역적으로 설치된 패키지가 어떤게 있는지 확인하는 방법 명령어로 확인 npm list -g --depth=0 전역적으로 node_module 설치된 경로로 이동해서 직접 확인 cd /usr/lo..

https://stackoverflow.com/questions/41121982/strange-behavior-of-an-array-filled-by-array-prototype-fill Strange behavior of an array filled by Array.prototype.fill() I face something I don't understand with an array. Indeed, I created an array I have filled with empty subArrays to obtain a 2D Matrix. But when I manipulate the array it doesn't behave as I expect... stackoverflow.com fill이라는걸 알게됐..

Info: The current domain is not authorized for OAuth operations. This will prevent signInWithPopup, signInWithRedirect, linkWithPopup and linkWithRedirect from working. Add your domain (localhost) to the OAuth redirect domains list in the Firebase console -> Auth section -> Sign in method tab. https://stackoverflow.com/questions/37344066/firebase-this-domain-is-not-authorized [Firebase: This dom..

https://dev.to/tanhauhau/what-is-module-bundler-and-how-does-it-work-3gp2 What is module bundler and how does it work? understand how module bundler works dev.to Http 요청 5번 보다 번들파일 1번의 요청이 더 효율적이다 이렇게 자바스크립트 파일을 번들링하는 데에는 몇가지 문제가 따른다. 1. 파일 순서 2. 이름충돌 방지 3. 사용되지 않은 파일 확인 번들링은 웹팩방식과 롤업방식이 있는데,, 웹팩방식은 파일명으로 맵핑, 함수로 모듈을 감쌈 . webpackStart 함수로 시작됨 롤업방식은 그냥 전역으로 선언하고, 파일명$함수명 으로 함수명을 바꿔서 이름충돌 방지함 롤업방식..

자바스크립트는 event를 안 넘겨주고도 함수가 event를 사용할 수 있다. 만약 inline으로 event를 넘겨주려면 반드시 'event'여아한다. 'e'를 넘겨주면 안된다. 함수에서 매개변수로 받는게 없어도 함수내에서 event사용할 수 있다. inline으로 event넘겨준 것이 있으면 event를 e로 축약해서 쓸 수 있다. 자바스크립트는 위와 같다. 한편 리액트는? inline함수로 event넘겨주지 않고, event를 반드시 받아야 한다. const titleChangeHandler = (event) => { setEnteredTitle(event.target.value); }; 요기서 (event) 이부분이 꼭 있어야된다. 자바스크립트는 function inputHandler() { co..

아니 글쓰기버튼도 없고 수정삭제 버튼도 없으면 어쩌라는건지 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 티스토리 HTML 스킨편집으로들어가서 span class="writer를 검색한다. 맨 처음 등장하는 wrtier 근처 거기에서 writer와 같은레벨의 가장 끄트머리, (중략) 뒤에 아래 코드를 붙여넣는다. 나는 윗부분 html도 조금 수정해줘서 223줄이 아닐수있다. 수정 삭제

input 박스에서 색을 변경할 때마다 화면 색이 바뀌게 하려고 한다. 바꾸려는 화면은 상위컴포넌트(App)에, 바뀌게 하는 input 태그는 하위 컴포넌트(Navbar)에 있는 상황이다. 하위컴포넌트에 prop으로 콜백함수(bgColorHandler)를 넘기려고 한다. 이 때 콜백함수는 style.setProperty를 사용해야 할까 , 아니면 useState로 상위컴포넌트에서 화면색에 대한 변수를 관리한 다음 inline으로 style을 넣는게 나을까? 아무튼 둘 다 되긴 한다. - 코드를 단순화해서 올리지 않고 그대로 복붙하는 이유는.. 개린이에게는 nodeList를 forEach돌리는 것도 새삼스러운 코드이기 때문에... (님들 nodeList와 array의 차이점 알아? 난 몰랐어..) setP..