반응형 Front-end22 [Javascript] 자바스크립트 Function 기초 지식 (함수 선언, 표현, Callback, Arrow) [Function Declaration] Default parameters (ES6에서 추가됨) // 예시: parameter를 제대로 입력하지 않았을 경우 function showMessage(message, from = 'unknown') { console.log(`${message} by ${from}`); } showMessage('Hi!'); parameter 값을 제대로 모두 입력하지 않아도 함수의 parameter에 값을 할당해준다면, 에러가 나지 않고 해당 parameter 값에 default value가 들어가게 된다. Rest Parameters function printAll(...args) { // 배열 형태 쓰는 방법 1) for (let i = 0; i < args.length;.. 2021. 8. 3. [Javascript] 자바스크립트 데이터 타입 및 주의해야할 사항 데이터 타입 * primitive: 더 이상 작아질 수 없는 한 가지 단위 (single item) * object: single item을 묶어서 한 박스로 관리할 수 있게 해준다. 오브젝트는 메모리에 탑재될 때, reference 형태로 저장된다. const ellie1 = { name: 'ellie' }; const ellie2 = { name: 'ellie' }; const ellie3 = ellie1; console.log(ellie1 == ellie2); // 다른 레퍼런스에 저장되어 있기 때문에 false console.log(ellie1 === ellie2);// 똑같은 타입이던 아니던 레퍼런스 값이 다르기 때문에 false console.log(ellie1 === ellie3); // t.. 2021. 8. 3. [Javascript] HTML에서 script 태그 위치별 동작 원리 (+async, defer) 1. Head 안에 Script를 포함한 경우 * 순서: parsing HTML -> fetching -> executing -> parsing HTML (1) parsing HTML: 스크립트 한 줄 한 줄씩 읽는다. (2) fetching: 한 줄 한 줄씩 읽다가, head에 script 태그가 나오면 script에 존재하는 파일을 다운받는다. (3) executing: 다운 받은 js 파일을 실행한다. (4) parsing HTML: 다시, 스크립트를 한 줄 한줄씩 읽는다. * 단점 만약, 다운받고자 하는 js파일이 어마어마하게 크면 HTML 페이지가 로딩될 때까지 오랜 시간이 걸릴 것이다. 2. Body 안에 script를 포함하는 경우 * 순서: parsing HTML -> fetching ->.. 2021. 8. 3. [React] Node.js와 VS Code를 이용하여 설치하기 React 설치하기 VS Code Terminal에서 프로젝트를 하고자 하는 폴더 디렉토리 설정후 (cd "주소") 다음과 같이 설치해준다 npm install -g create-react-app (-g 옵션으로 인해, global 패키지로 설치했다. 즉, 특정 폴더에서 사용가능한게 아니라 전체 폴더에서 사용 가능하다) React 폴더 만들기 React 폴더를 따로 만들어준다. (뒤에 management는 React를 설치한 폴더이름이다.) create-react-app management 이렇게 react 폴더를 설치해주면, 해당 위치에 management란 React 폴더가 만들어진다. React 실행하기 VS Code에서 management 디렉토리로 이동한 다음에 (cd management) 다음.. 2021. 6. 28. 이전 1 2 3 4 다음
