# front end

358개의 포스트
post-thumbnail

[개인학습 React 1일차]시작하기

React 1일차 복습 개발일지

약 6시간 전
·
0개의 댓글
post-thumbnail

Webpack + Babel + TypeScript 설정하기

Webpack과 Babel을 통한 프로젝트 설정에 대해서 알아보자 😃

약 8시간 전
·
0개의 댓글

[WIL] 20210917 - 20210923

추석의 일정을 제외하면 면접, 코딩테스트, 과제로 일주일을 보냈던 것 같다.

어제
·
0개의 댓글
post-thumbnail

ESLint + Prettier + EditorConfig + TypeScript 설정하기

프로젝트 협업을 하다 보면 개발자 개인마다 코드 스타일이 굉장히 다르다. 이러한 점때문에 코드 품질을 높여주는 많은 라이브러리가 등장했고 그 중 ESLint, Prettier, EditorConfig를 TypeScript에서 적용하는 것을 포스팅하고자 한다.

5일 전
·
0개의 댓글
post-thumbnail

Node.js_Cheat Sheet

Node.js는 Chorme V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임이다.

2021년 9월 14일
·
0개의 댓글
post-thumbnail

RegExp_Cheat Sheet

Regular Expression, 정규표현식은 문자열을 검색/대체/추출 등 제어하는데 사용하는 언어이다. 이 문서는 JS 환경의 정규식을 기준으로 한다.

2021년 9월 13일
·
0개의 댓글
post-thumbnail

JavaScript_Cheat Sheet

JavaScript는 웹 개발에서 콘텐츠를 바꾸고 움직이는 등 페이지의 동적 처리를 담당한다. 지속적으로 내용 추가 예정

2021년 9월 13일
·
0개의 댓글

리액트 1편

리액트 React 설치와 개발환경 셋팅 (2021 ver) 리액트로 웹을 만들기 위해선 개발환경 셋팅이 필요 Nodejs, Vs Code(에디터는 취향) VSCode 에디터에서 terminal을 열어줍니다 -본격적으로 React 시작- JSX를 이용하자 리액

2021년 9월 12일
·
0개의 댓글
post-thumbnail

Atomic Design과 Storybook

작년 네이버 커넥트재단에서 열린 부스트캠프에 Final Project 때 Atomic Design과 Storybook을 사용했던 경험에 대해서 소개한 글입니다.

2021년 9월 12일
·
0개의 댓글
post-thumbnail

Redux 활용하기

작년 네이버 커넥트재단에서 열린 부스트캠프에 Final Project 때 Redux를 사용했던 경험에 대해서 소개한 글입니다.

2021년 9월 12일
·
0개의 댓글

기술 면접 정리 (2)

up, down 메소드를 제공하는 객체 ladder가 있다.연어이 메소드를 호출하고 싶으면이렇게 호출해야되는데 메소드 호출 체이닝을 이용하면이렇게 바꿀 수 있다. 그리고 각 메소드마다 호출을 연속적으로 하기 위해서는 return.this를 붙여서 쓰면된다.메모이제이션은

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

[FE 지식] 브라우저의 렌더링 과정

브라우저의 렌더링 과정에 대해 알아보자.

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

CSS_Cheat sheet

Cascading Style Sheet, CSS는 웹 개발에서 실제 화면에 표시되는 색상, 크기, 폰트, 레이아웃 등의 디자인을 꾸미는 역할을 한다. HTML이 정보를 담는다는 그 역할에 집중하게 되면서 웹을 꾸미기 위해 새롭게 개발된 언어이다.

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

HTML_Cheat sheet

Hyper Text Markup Language, HTML은 웹 개발에서 웹의 구조와 정보를 담는데 중점을 두고있다.

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

[FE 지식] CSR과 SSR

CSR과 SSR의 차이와 장단점에 대해 알아보자.

2021년 9월 8일
·
0개의 댓글
post-thumbnail

CSS 고급 선택자

둘 이상의 선택자를 연결해서 스타일이 적용될 요소가 어느 부분인지 지정하위 요소 : 특정 요소를 기준으로 그 안에 포함된 요소하위 선택자(자손 선택자) : 부모 요소에 포함된 모든 하위 요소자식 요소 뿐만 아니라 손자 요소까지 적용자식 요소 : 현재 요소를 기준으로 바

2021년 9월 7일
·
0개의 댓글
post-thumbnail

CSS 웹 배경 스타일

❗ 배경색과 배경 범위 지정 _ background-color 속성 ❕_ >배경색 지정 background-color는 상속되지 않음 _ background-clip 속성 ❕_ > 배경색의 적용 범위 지정 ❗ 배경 이미지 지정 _ background-image

2021년 9월 7일
·
0개의 댓글
post-thumbnail

[TIL]🌒Front-end Day-26

float 수평정렬Block fromatting contextContaining blockBEM CSS구조 및 상태를 관리하기 위한 CSS개발 방법론참고글CSS PositionCSS Flexa guide to flexbox, csstricks CSS Grid compl

2021년 9월 6일
·
0개의 댓글

TIL-css-flex

Container, item에 쓸 수 있는 속성이 각각 존재한다.displaydisplay:flex 선언해줌flex-direction기본값은 row. 왼쪽에서 오른쪽으로 가는 열 방향.row-reverse : 오른쪽에서 왼쪽으로 가는 열 방향.cloumn : 위에서 아

2021년 9월 6일
·
0개의 댓글
post-thumbnail

Web Front-end 관점에서의 Node.js

실무를 할 때 별 신경을 쓰지 않고 사용해오던 Node.js에 대해 정리를 해보려고 한다. 너무 당연하게 설치하고 사용하던 것이라 제대로 알지 못하고 사용을 해왔다. 정리를 하려고 보니 웹 개발 관련해서 Node.js에 대한 기본 지식은 필수인 것 같다.

2021년 9월 5일
·
0개의 댓글