프론트엔드 정복하기

*공공데이터 포털 https://www.data.go.kr/data/15056971/openapi.do : 우정사업본부에서 제공한 새우편번호 정보를 조회하는 기능의 오픈API 서비스 *카카오(다음) 우편번호 서비스 http://postcode.map.daum.net/guide *리액트 컴포넌트로 만든 카카오(다음) 우편번호 검색 서비스 https://github.com/bernard-kms/react-daum-postcode

참고 영상 https://www.youtube.com/watch?v=QPEUU89AOg8 API란?) Application Programming Interface 프론트엔드는 백엔드에게 어떤 데이터를 달라고 요청해야 한다. 이때, 알맞은 형식으로 요청해야 하는데 이 형식을 api라고 한다. 오픈 API란?) 누군가 Back-end를 만들어 놓고, 주소와 사용 규칙을 공개한 것을 말한다.

0. 백준 알고리즘 10171번 문제 관련 : backslash escpae 문자(\) 의 활용 특수문자 설명 영어 \' " 쌍 따옴표를 출력 Double quote \" ' 작은 따옴표를 출력 Single quote \\ \ 문자를 출력 back slash \r 커서를 해당 줄 처음으로 이동시킴 carriage return \f 커서를 다음 페이지로 이동 form feed \b 커서를 한 칸 이동시킨다. backspace \t 커서를 탭 만큼 이동시킨다. Tab \n 커서를 다음 줄로 이동시킨다. Newline String(큰 따옴표) 안에서 \, ', "의 문자가 출력되지 않을 때가 있다. 이 때 특수문자 '앞'에 backslash(\)를 입력하면 출력 가능하다. ex) var y = "We are ..

**별도의 module을 설치하지 않고 (ex. node_module, 사용자 module) 바로 출력하는 법을 배워보겠다. : 이를 core module 이라고 한다. **nodejs.org 홈페이지 -> documentation -> Node.js 버전 선택 -> 'Readline' readline 기본 doc을 입력한다. const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); rl.on('', (answer) => { // TODO: Log the answer in a database rl.close(); }); 여기서 rl.ques..

정적 타입 언어 : type을 정해놓고 시작 동적 타입 언어 : 변동되는 것 타입스크립트 설치 npm i typescript -g tsc --init >>tsconfig.json 파일이 생성됨

[ 기본 ] document.getElementById("ID"); document.getElementsByClassName("class"); document.getElementsByTagName("li"); [ query... ] | IE8 이상 document.querySelector(" div.user input[name=login] "); CSS 선택자를 기준으로 가장 첫번째 엘리먼트 반환 ( '.', '#' 등 사용 ) document.querySelectorAll(" "); CSS 선택자에 맞는 모든 엘리먼트를 NodeList로 반환 (NodeList는 DOM의 변화를 반영하지 않음) [ 문서 전체가 아닌 ==> 특정 노드의 자식 중 elements를 찾고 싶을 때 ] var divs = wi..