YOU ONLY LIVE ONCE

gentelella 템플릿에서 다양한 프레임워크에 적용하는 방법이 나옵니다. https://github.com/ColorlibHQ/gentelella

node_modules 폴더 삭제하고 , 다시 yarn 처리.

npx create-react-app my-app cd my-app npm start : value가 변경될때 onChange 발생 , : checked가 변경될떄 onChange 이벤트 발생

1. 설정파일 추가 launch.json { "version": "0.2.0", "configurations": [ { "type": "node", "request": "attach", "name": "Attach", "processId": "${command:PickProcess}" } ] } 2. pm2로 실행된 프로그램 pid 검색 pm2 pid app 실행하면 pid를 알아낼 수 있다. 3. vscode 디버깅 실행 vscode에서 Attach를 누르면 보이는 프로세스 선택창에서 위 단계에서 알아낸 pid프로세스를 선택하면 된다. 참고: https://medium.com/@ThreePotatoteers/debugging-expressjs-with-pm2-and-vscode-24761d0e72dc

https://joshua1988.github.io/web-development/javascript/promise-for-beginners/

1. 컴포넌트는 JSX를 사용하여 만든다. 2. defaultProps 와 propTypes 를 지정할수 있음. 3. 상태관리 - 데이터는 위에서 아래로 한단계씩 전달해야 됨. 변경은 콜백함수 형식으로 위로 한단계씩 전달 4. high order component(고차 컴포넌트) : 리액트 컴포넌트를 인자로 받아서 다른 리액트 컴포넌트를 반환하는 함수 5. 리덕스 구성요소 - 액션(이벤트와 payload 데이터) - 리듀서(액션을 받아서 새로운 데이터를 return) - 스토어(상태 데이터를 가지고 있음) - 액션 생성기(액션생성을 함수를 사용하여 객체를 return하는 방식) - 미들웨어(스토어에 추가 기능을 제공) 리덕스를 사용할 때 컴포넌트는 구성 방법 - 표현 컴포넌트(함수형 컴포넌트, props..

1. const : 상수 2. let : 구문적인 변수 영역 규칙(렉시컬 스코프 lexical variable scoping), 변수 유효범위를 중괄호{}안에 한정함. 3. template string(템플릿 문자열) : `여기는 문자열 ${title}입니다.` 4. default parameter(디폴트 파라미터) : 함수 파라미터에 디폴트 값을 지정할수 있음. 5. arrow function(화살표 함수) : () => {}, 객체를 return할때는 ({}) 객체를 소괄호로 둘러싸야 됨. 6. destructuring(구조분해) : 객체나 배열로부터 쉽게 변수에 값을 할당할 수 있음 // 객체 var obj = { a: 1, b: 2 }; var {a, b} = obj; console.log(a) ..

modal 팝업처럼 여러번 실행되는 화면에서 $(document).on('click', '#btnSelect', handlerSelect); 위처럼 호출하면 클릭 이벤트가 중복 실행된다. 중복방지 해결책 1). 팝업창이 열릴때 한번 실행되도록 작업 isExecute = false; //전역변수 if (isExecute == false) { isExecute = true; } 2). unbind -> bind 처리