반응형 JavaScript49 React 처음 쓸 때 유의할 점 react app 퀵스타트 npx create-react-app my-app //my-app 디렉토리에 React 프로젝트 생성 cd my-app npm start //프로젝트 실행 JSX를 쓰는 이유 JSX는 컴파일링 되면서 최적화되므로 빠르다. Type-safe (어떠한 연산도 정의되지 않은 결과를 내놓지 않는 것. 즉, 예측 불가능한 결과를 나타내지 않는 것) 하며 컴파일링 과정에서 에러를 감지 할 수 있다. HTML에 익숙하다면, JSX를 사용하여 더 쉽고 빠르게 템플릿을 작성 할 수 있다. JSX를 사용하지 않고 React를 사용할 수 있으나 React.createElement()등의 메서드를 사용해야하고, 쓰는 경우보다 번거롭다. createElement()를 사용한 예시 위아래 결과는 같다... 2020. 11. 22. 늦은 node.js basic-server 만들기... 기본설정 expressjs.com/ko/starter/hello-world.html const http = require('http'); const { report } = require('process'); const PORT = 5000; const ip = 'localhost'; 서버설정 ( 라우팅, CORS, 에러 ) request.on()에서 'data', 'end' 처럼 이벤트에 콜백함수가 붙은것은 모두 비동기로 처리된다. const server = http.createServer((request, response) => { console.log( `http request method is ${request.method}, url is ${request.url}` ); //request 객체의 .. 2020. 11. 18. express 웹 애플리케이션 프레임워크 과제 프로젝트에서 작성한 내용 기준으로 작성함 설치 npm install express --save express 설치는 --save 옵션을 붙여서 해당 프로젝트에만(로컬) 설치 되도록 한다. 기본설정 const express = require('express'); const app = express(); const port = 3000; app.listen(port, () => { // console.log(`Example app listening at http://localhost:${port}`) }) 위 코드가 기본 설정이다. express객체를 생성해서 사용한다. listen(port, ()=>{})메서드를 사용해서 localhost의 해당 포트로 오는 요청을 받을 수 있도록 설정한다. ----.. 2020. 11. 18. module.exports vs exports module.exports 2020. 11. 16. arr.every() (부분집합 구하기) const isBelowThreshold = (currentValue) => currentValue < 40; const array1 = [1, 30, 39, 29, 10, 13]; console.log(array1.every(isBelowThreshold)); // expected output: true 배열의 모든 요소가 콜백함수에서 true를 리턴하는지 여부를 리턴한다. 요소 하나라도 콜백함수에서 false를 리턴한다면 false 를 리턴. * .includes()메서드와 함께 사용하면 배열의 부분 집합인지 여부를 구할 수 있다. 2020. 11. 14. 간단한 트리 DFS 깊이우선탐색 구현 let dfs = function (node) { // TODO: 여기에 코드를 작성합니다. let values = [node.value]; node.children.forEach((n) => { values = values.concat(dfs(n)); }); return values; }; 이문제의 핵심은 아래 라인. values = values.concat(dfs(n)); 리턴된 values를 지속해서 하나의 배열에 붙인다. 백트래킹은 구현하지 않았다. 2020. 11. 10. TIL 1109 Promise async&await JSON.parse Promise 객체 Promise.. 그것은 약속이다. 어떤약속이냐 웹에서 데이터를 얻어서 보내주거나 얻지 못한다면 (에러발생시) 이유와 함께 에러를 발생시키도록한 약속! .then() 은 Promise 객체 내에서 resolve()에 전달된 데이터를 받는다. .catch() 는 Promise 객체 내에서 에러 발생시 reject()에 전달된 데이터를 받는다. Promise의 3가지 상태 Pending (대기) Fulfilled (완료) Rejected (거부) 순서도 pending 1-1 -resolve-> 2. fulfilled (settled) 1-2 -rejec-> 2. pending (settled) Promise 객체는 이벤트 루프에서 대기상태를 유지하다가 실행순서가 되면 비동기적으로 실행되고.. 2020. 11. 10. JavaScript 문법 특징 (오답노트) 보호되어 있는 글 입니다. 2020. 11. 5. setTimeout()종료시키기 clearTimeout() / EventListener 에 파라미터있는 함수 등록 clearTimeout() - setTimeout() 강제종료 let timer = setTimeout( someFunction, 1000 ); //setTimeout 을 지연시간 기다리지 않고 종료시키기 clearTimeout(timer); setTimeout()을 객체의 속성처럼 this.timer = setTimeout( someFunction, 1000 ); 으로 쓰고 종료하고싶은 시점에 clearTimeout(this.timer); 하면 종료된다. 재귀로 setTimeout을 사용해서 무한반복시켰을 때 원하는 시점에 clearTimeout()으로 재귀를 종료시킬 수 있다. EventListener에 파라미터있는 함수 등록 document.querySelector('.className').addE.. 2020. 11. 1. 이전 1 2 3 4 5 6 다음 반응형
