fe
3. 클로저의 원리와 사용하는 이유
클로저가 너무 어렵따....... 포인터의 개념을 주소라는 개념으로 받아들이기 시작하면 아주 쉽게 이해하듯이 closure 또한 scope chain에서 하나의 scope를 생성해준다는 개념으로 이해한다면 아주 쉽게 이해가 가능할 것이다. 클로저를 이용해 구현하게 되면 컨텍스트에 접근할 때 스코프를 이용해 접근하기 때문에 this라는 키워드를 쓸 필요도 없다. 이렇게 만들어진 카운터는 어느 객체에 붙여서 사용해도 동일한 컨텍스트의 결과를 내주고 이벤트 리스너로 사용해도 동일한 컨텍스트를 유지한 상태로 사용할 수 있다. var counter = (function() { var _count = 0; return function() { return _count += 1; }; })(); console.log(..
Global Styles
My Global Styles • Treasure Trove The Treasure Trove is a curated set of my favourite resources, with detailed guides showing how I get the most out of them. courses.joshwcomeau.com
The CSS Cascade
Or, How browsers resolve competing CSS styles Amelia Wattenberger wattenberger.com
Front-end 지식 목록
홈페이지가 사용자에게 보이는 순서에 대해 설명해주세요. 주소창에 www.google.com 을 입력하면 어떤 일이 일어나나요? 호이스팅에 대해 설명해 보세요. 클로저의 원리와 사용하는 이유 margin과 padding에 대해 설명해주세요. position을 어떻게 사용하는지 알려주세요. Restful API에 대해 아는대로 설명해 주세요(GET, PUT, POST, PATCH, OPTION, DELETE) this의 용법을 아는대로 설명해주세요 브라우저 저장소의 차이점 (LocalStorage, SessionStorage, Cookie) 자바스크립트는 어떤 언어인가요? -> 싱글 스레드 언어 하지만 실제 사용시에는 멀티 스레드처럼 사용하는데 어떻게 사용하나요? 비동기적으로 실행이 되는 것을 동기적으로 코..
한 PC에서 프로젝트(폴더)별 github 계정 설정 방법
github 계정 여러개를 한 PC에서 쓰는 경우 보통 폴더별로 레포지토리를 분류하여 clone받아 작업하게 된다(내 경우는 그렇다). 이 때 계정을 여러개 쓰면 계정정보가 꼬일 수가 있어서 아예 파일경로로 사용자 정보를 설정해두면 편하다(삽질을 안 한다면). 1. .gitconfig 파일을 찾기 위해 터미널에서 루트 경로로 이동한 뒤 .gitconfig파일이 있는지 확인한다. cd ~/ ls 2. 이제 같은 경로에서 원하는 계정 개수대로 아래 명령어를 입력하여 파일을 만든다. (vim 명령어를 입력하면 해당 파일을 조회하여 수정가능한 상태로 진입한다. 파일이 없으면 만들어 줌) vim ~/.gitconfig-account1 [user] user.name=githubIdOfAccount1 user.ema..
jazzoAuction 프로젝트 시작
경공매 물건 정보 메일링 서비스를 만들어보고 싶어서 프로젝트를 시작했는데 경매 api는 없다. 공매 api만 있음... 그래서 경매 물건정보는 어떻게 될지 모르겠다. 우선 사용자 관점에서의 기능은 크게 두 가지를 개발하려고 한다. 원하는 조건으로 필터링한 공매 물건을 매일 아침(또는 매주 1회) 등록된 메일로 전송(멀티 필터 제공) 지도 상에 원하는 조건으로 필터링 된 물건들만 표시(물건목록과 지도를 동시에 표시.. 물건목록에서 물건을 선택하면 해당 물건지로 지도 핀이 이동한다거나.. 그런 식) 그리고 이 프로젝트를 통해 이루고 싶은 개인적인 목표는 아래와 같다. AWS 또는 GCP 사용 경험 B2C 서비스 런칭 경험 ... etc 두 가지만 이뤄도 충분히 많은 걸 하게 되는 것일 듯...
Failed to load plugin 'prettier' declared in '.eslintrc.js': Cannot find module 'eslint-plugin-prettier'
1. node_modules 폴더랑 package_lock.json 삭제 후 npm install & npm start 다시 해봤지만 소용 없음.. 2. 노드 버전 문젠가 싶어서 12로 낮췄지만 소용없음.. 3. 그 와중에 nvm 말 안들어서 cmd 관리자권한 실행해서 깔았는데 node 버전까진 잘 되더니 vscode 터미널에서 npm install했더니 또 에러 뜨고 소용 없음.. 35995 error code ELIFECYCLE 35996 error errno 1 35997 error core-js@3.26.0 postinstall: `node -e "try{require('./postinstall')}catch(e){}"` 35997 error Exit status 1 35998 error Fail..
[React] onClick props에 함수형 변수의 () 유무 차이
function ExpenseItem(props) { const clickHandler = () => { console.log('click!'); }; return ( Change Title ); } export default ExpenseItem; button의 onClick에 들어간 clickHandler에 괄호를 함께 입력하여 clickHandler()로 들어가면 JSX를 최초에 읽어올 때 실행하게 된다. 하지만 ()를 삽입하지 않고 const명만 clickHandler로 입력해두면 JSX를 읽어온 뒤 클릭하면 clickHandler 함수를 실행하게 된다.