개발자입니다

bitcamp-ncp\`html css js exam\javascript\ex10 예제 소스 정리 모듈 export/import - 문법 js 파일 하나는 모듈 하나이다. 모듈을 가져오려면 import 하면 된다. 모듈을 외부에 공개하려면 export 해야 한다. // javascript\ex10\exam01.html import {v1} from "./modules/m1.js"; console.log(v1); // modules\m1.js export const v1 = 100; export/import - 기본 프로퍼티 default export는 모듈 내에서 한번만 사용 가능하고 named export는 여러번 사용 가능하다. default export로 내보내면 import에선 내보낸 이름 그대로..

1. CSS Peak, HTML CSS Support 함수 정보를 볼때 F12 누르면 해당 함수로 커서 이동한다. 또는 alt + F12 로 창을 열어서 볼 수 있다. CSS Peak 확장 설치시 class 스타일 확인 가능하다. 2. refactoring 함수 선언하고 싶은 부분 선택 후 ctrl + shift + R 하면 함수로 따로 뺄 수 있다. 현재 scope 안, 밖에 함수 선언하도록 선택할 수 있다. constant 변수로 내보내기를 할 수도 있다. 다른 파일로 빼고 싶을때도 ctrl + shift + R 로 뺄 수 있다. 3. Rename Symbol F2를 눌러 rename 하면 연관된 모든 파일의 이름을 바꿀 수 있다. 4. snippets react 자동완성 사용하고 싶으면 react ..

1. ?. . (점)을 두개 이상 사용해서 객체에 접근할 때 유용하다. user.age 객체의 value에 접근하려고 할때 값이 없으면 아래처러 에러가 난다. 에러 발생시 이후 코드 진행이 안된다. user.age?. 으로 사용하면 값이 없을때 undefined가 발생해서 이후 코드를 계속 실행할 수 있다. 2. ?? ?? 는 nullish coalescing 연산자라 불리며 좌변 항이 undefined 또는 null 일때 우변 항이 선택된다.

목차 2장 배열로 데이터 컬렉션을 관리하라 TIP 6 Includes()로 존재 여부를 확인하라 TIP 7 펼침 연산자로 배열을 본떠라 TIP 8 push() 메서드 대신 펼침 연산자로 원본 변경을 피하라 TIP 9 펼침 연산자로 정렬에 의한 혼란을 피하라 3장 특수한 컬렉션을 이용해 코드 명료성을 극대화하라 TIP 11 Object.assign()으로 조작 없이 객체를 생성하라 TIP 12 객체 펼침 연산자로 정보를 갱신하라 4장 조건문을 깔끔하게 작성하라 TIP 17 거짓 값이 있는 조건문을 축약하라 TIP 19 단락 평가를 이용해 효율성을 극대화하라 5장 반복문을 단순하게 만들어라 TIP 21 배열 메서드로 반복문을 짧게 작성하라 TIP 22 map() 메서드로 비슷한 길이의 배열을 생성하라 TIP..

Promise 요청과 node js 처리 과정 Web Browser가 ① /hello 요청을 HTTP로 NodeJS에 한다. NodeJS는 ② /hello 의 핸들러를 call을 app.js에 요청하고 app.js에서는 ③ 실행한다. 결과를 ④ return 해서 NodeJS에 주고 NodeJS에서 ⑤ 응답 으로 Web Browser로 준다. 사람으로 생각해보면 Web Browser가 ① /hello 요청을 NodeJS에게 한다. ② call(req, res) 을 /hello 핸들러에게 한다. req는 요청을 다루는 객체(도구), res는 응답을 다루는 객체(도구) 이다. /hello 핸들러에서 ②-1 응답헤더 설정하고 ③ setTimeout() 을 timeout 핸들러에게 전달한다. /hello 핸들러가..

각 팀별 주제 1. 코로나19 국내 발생 현황 2. 공항 이용 현황 3. 내 주변 심야약국 4. 서울 지하철 실시간 도착 정보 5. 강남 주차장 정보 6. 서울시 주간 아파트 매매 동향 서비스 Logstalgia : 사용자가 어디에 많이 접속했는지 사이트