profile
모든것이 궁금한 신입 프론트 개발자 일지
post-thumbnail

[컴퓨터 구조] 01. 4비트 계산기

논리회로반가산기 : 논리회로를 이용해 만들 수 있음전가산기 : 반가산기를 이용해 만들 수 있음4비트 계산기 : 전가산기를 이용해 만들 수 있음입력 값을 아무처리 없이 그대로 출력함0 => 0, 1 => 1입력 값의 반전 값을 출력함0 => 1, 1 => 0입력 값이 모

2022년 3월 27일
·
0개의 댓글
post-thumbnail

[회고] Styled-Components를 사용하며

CSS in JS : 자바스크립트를 이용해서 CSS 작성하는 방식Props 전달 : Style 컴포넌트를 만들어 전달받은 props를 이용해 선택적으로 CSS를 사용할 수 있음스타일 컴포넌트를 사용하면서 가장 신경이 쓰였던 부분은 바로 네이밍 이었다.여러가지 방법으로

2022년 3월 16일
·
0개의 댓글
post-thumbnail

[SWR] SWR 시작하기

SWR 이라는 이름은 HTTP 캐시 무효 전략인 stale-while-revalidate에서 유래SWR은 먼저 캐시로부터 데이터를 반환한 후, fetch 요청을하고, 최종적으로 데이터를 가져온는 전략이다.빠르고, 가볍고, 재사용 가능내장된 캐시로 요청 중복 제거key

2022년 3월 10일
·
0개의 댓글
post-thumbnail

2022 Front End 로드맵 따라가기 [1-4. Terminal]

사용자가 입력한 명령어는 일련의 과정을 거쳐서 하드웨어를 제어함사용자가 명령어를 입력하면 컴퓨터 내부에서 쉘이 이를 받아들이고, 명령어를 핵석해 커널을 통해 하드웨어를 조작함커널은 운영체제의 핵심으로, 소프트웨어와 하드웨어간의 커뮤니케이션을 관리하는 프로그램입출력을 관

2022년 3월 7일
·
0개의 댓글
post-thumbnail

2022 Front End 로드맵 따라가기 [1-3. Editor]

개발자에게 텍스트 편집기란 코드를 작성하고, syntax highlighting, 자동 완성, 포맷팅 등을 지원하는 개발에 최적화된 기능을 가진 편집기이다.텍스트 편집기의 기능은 코드를 텍스트로 작성하는 도구이다. 여기서 여러 언어 문법을 지원하고, 다른 서드파티 프로

2022년 3월 6일
·
0개의 댓글
post-thumbnail

2022 Front End 로드맵 따라가기 [1-2. Browser]

브라우저는 인터넷에서 웹 페이지, 이미지, 비디오 등의 모든 콘텐츠를 볼 수 있도록 하고, 문서 검색을 도와주는 응용 프로그램이다.윕 브라우저의 핵심이 되는 구성요소로, 주로 HTML, CSS 등 웹 페이지 구성을 위한 자료를 해석하여 사용자의 장치에 맞게 시각적인 표

2022년 3월 6일
·
0개의 댓글
post-thumbnail

2022 Front End 로드맵 따라가기 [1-1. Computer]

CPU (중앙처리장치): 명령어를 해석하여 실행해주는 장치로 컴퓨터의 두뇌에 해당주기억장치: 데이터를 정보로 변환하는 주요 작업을 수행하는 장치(RAM)보조기억장치: 프로그램이나 데이터를 저장하기 위한 저장공간(HDD, SSD)...

2022년 3월 5일
·
0개의 댓글
post-thumbnail

2022 Front End 로드맵 따라가기 [프롤로그]

개발자로 취업을 준비하면서 여러가지 학습 방법이나 순서 등을 찾아보면서 매년 보았던 로드맵 문서가 있다. 개발자로 준비를 한번이라도 해본 사람이라면 대부분 알고 있으리라 생각하는 그 유명한 로드맵이다. 모르는 분들을 위해 아래 주소 첨부 드립니다.https:/

2022년 3월 5일
·
0개의 댓글
post-thumbnail

Storybook 적용해보기 (Feat. CRA & Typescript)

Storybook 이란? UI 구성 요소와 페이지를 별도로 구축하기 위한 오픈 소스 도구로, UI개발, 테스트 및 문서화를 간소화 시켜줌 정해진 스타일 가이드가 있다면, 디자인팀과의 협업에서 스토리북을 이용해 소통하고 수정사항등을 빠르게 체크...

2022년 3월 4일
·
0개의 댓글
post-thumbnail

CRA에 ESLint 와 Prettier 적용하기

CRA는 페이스북에서 지원해주는 보일러플레이트를 이용해 리액트 앱을 만들어주는 아주 유용한 도구임 (CRA가 나오기 이전에는 웹팩과 바벨등의 설정을 해주는 것에 많은 시간을 소비했다고 함)※ But, 웹팩이나 바벨 설정이 추가적으로 필요한 경우에는 프로젝트를 eject

2022년 3월 3일
·
0개의 댓글
post-thumbnail

2022 블로그를 다시 시작하며...

취업을 준비하면서 열심히 내가 배운것들을 블로그에 작성해 나가며 당시에는 매우 뿌듯했었다.하지만, 취업이 되고나서 "바쁘다", "신입이다" 라는 핑계로 입사한지 6개월이 되었음에도 글은 여전히 21년 8월에 머물러있다...

2022년 3월 2일
·
0개의 댓글