profile
프론트엔드 개발자를 꿈꾸는 학생이 공부하면서 정리해보는 공간입니다!
post-thumbnail

프론트 엔드 면접 준비하기!

1.브라우저의 렌더링 과정 **1.주소창에 구글을 입력한다 2.구글 서버로 찾아간다 3.DNS가 연결해줄 곳을 찾는다 (DNS - 실제 서버가 어디있는지 알고 있는 서버) 4.서버에서 HTML 파일을 클라이언트로 보낸다 5.HTML 파일 파싱 및 DOM Tree 생성

2021년 6월 2일
·
5개의 댓글
post-thumbnail

JavaScript와 TypeScript의 차이점은 무엇일까?

동적과 정적의 차이는 타입을 프로그램을 실제로 돌렸을 때 결정할지(동적) 아니면 코드로 작성할 때 결정할지 (컴파일 단계)(정적)의 차이입니다. 동적타입은 타입이 얼마든지 변할 수 있습니다 하지만 타입 에러가 자주 일어납니다. 정적타입은 코드를 작성할 때 타입을 정하기

2021년 5월 29일
·
0개의 댓글
post-thumbnail

React에서는 <a>대신 <Link>!

React에서는 a태그 대신 Link를 사용합니다!npm i react-router-domimport { BrowserRouter, Route, Switch } from 'react-router-dom';로그인을 클릭하면 /login으로 이동!

2021년 5월 26일
·
0개의 댓글
post-thumbnail

@media

@media를 이용한 width 사이즈별로 레이아웃 변경하기!

2021년 5월 26일
·
0개의 댓글
post-thumbnail

state 사용하기!

react에서 변수를 대신해서 사용할 수 있는 데이터 저장 공간으로 컴포넌트 내부에서 값을 선언하고 수정할 수 있습니다.state를 사용하는 이유는 state는 변경이 될시 html이 재렌더링이 되기 때문입니다!그렇기 때문에 자주 값이 바뀌는 데이터들은 state로 저

2021년 5월 24일
·
1개의 댓글
post-thumbnail

styled-components

JavaScript를 사용하여 구성 요소의 스타일을 지정하는 스타일링 기술 입니다.기존에 웹사이트 구성은 html,css,js 3가지 파일로 나누어서 구성을 했습니다. 하지만 React,Vue,Angular가 인기를 얻어가면서 컴포넌트 단위의 개발로 많이 바뀌었습니다.

2021년 5월 23일
·
0개의 댓글
post-thumbnail

create-react-app을 이용한 react 프로젝트 생성하기!

create-react-app를 이용한 React프로젝트 만들기!create-react-app!를 사용하면 간단하게 React 프로젝트를 생성할 수 있습니다!사용법javascript - npx create-react-app 프로젝트명typescript - npx cre

2021년 5월 22일
·
1개의 댓글