분류 전체보기29 호이스팅 / var,let,const 차이 -기술면접대비 호이스팅이란.. - 코드가 실행하기 전에 선언한 변수/함수등을 해당 스코프의 최상단에 미리 끌어 올리는 것 var,let,const 모두 호이스팅은 발생하지만 var는 선언과 함께 undefined로 초기화 되어서 메모리에 저장되지만 let과 const는 초기화되지 않은 상태로 선언만 메모리에 저장되서 참조 에러가 발생 변수는 3단계에 의해 생성 1단계: 선언 단계(Declaration phase) ex) var i , let a 변수를 실행 컨텍스트의 변수 객체에 등록한다. 이 변수 객체는 스코프가 참조하는 대상이 된다. 2단계: 초기화 단계(Initialization phase) ex)var i //선언과 동시에 undefined로 초기화 let a 초기화 안됐음 변수 객체에 등록된 변수를 위한 공간.. 2023. 5. 7. display | position 차이 display : block - 한줄에 하나만 가능 display : inline-block - 한줄에 여러개 가능 position static - 기본값, 위치 이동 불가(HTML 순서에 의해서 위치 선정) relative - 원래 위치에서 top,left,right,bottom속성으로 위치 이동 가능 absolute - 요소가 속해있는 바로 위의 상자를 기준으로 이동 2023. 5. 5. npm 사용법 npm 정의 - Node.js로 만들어져 있는 package들이 모여있는 store(www.npmjs.com) npm 설치 - npm install(=npm i) - 개별설치 npm install npm 검색 - npm list (-g를 추가하면 전체 디렉토리에서 검색) npm 업데이트 - npm update -g npm 삭제 - npm uninstall -g 2023. 5. 4. React-hooks기본 사용법 -프론트엔드개발 1. useState - useState 는 state(상태)를 업데이트 해주는 함수형 컴포넌트 import React, { useState } from 'react'; //useState를 임포트해서 불러옴 const Counter = () => { const [value, setValue] = useState(0); //초기값 0 setValue를 통해서 value값을 변환 return ( 현재 카운터 값은 {value} 입니다. setValue(value + 1)}>+1 //1증가 버튼 setValue(value - 1)}>-1//1감소 버튼 ); }; 2.useEffect - 컴포넌트가 렌더링 될 때마다 특정 작업을 할수 있도록 설정 하는 Hook 입니다. 클래스형 컴포넌트의 componentDi.. 2023. 5. 2. [Next.js]13 typescript 추가 프로젝트 생성 - 프론트엔드개발 시작 기본적으로 Node.js 및 개발Tool이 필요합니다. 1.Node.js 설치 - https://nodejs.org/ko/download 2.Visual Studio Code 설치 - https://code.visualstudio.com/?wt.mc_id=vscom_downloads 1. NextJs 새 프로젝트 Typescript로 만들기 cmd 창에 새 프로젝트를 코드 typescript를 추가해서 설치 명령어. npx create-next-app --typescript [프로젝트명] Next.js에서 기본적으로 제공되는 ESLint(JS문법검사) / Tailwind CSS / 'src/'(src폴더를 사용할건지) 등등 우선 기본설정으로 설치했습니다. 설치 후 package.json { "nam.. 2023. 5. 1. 이전 1 2 3 4 5 다음