profile
[ frontend-developer ]

TIL -06 주석

04 주석일을 하면서 개인프로젝트를 하면서 많은 주석을 작성하기도 기존 레거시로 남아있는 코드에서 주석을 발견할때도 있었다.그런데 주로 주석이 달려있는 컴퍼넌트의 코드들을 보면 코드가 너무 복잡하고 이해하기 힘들다는 특징이있다.주석에 의존해서 이해를 하려고 하고 마지막

2022년 4월 29일
·
0개의 댓글
·

TIL - 04,05 함수

04/26(화) -> 03 함수 50page까지 학습했다.이제 책이 어려워지는 느낌을 받는다.생각보다 처음들어보는 단어들도 심심찮게 나오고있다. 찾으면서 공부하는데 한번에 와닿지 않는다.또한 javascript를 주로 사용하여 개발하는 나에게 java코드는 너무 어색하

2022년 4월 26일
·
0개의 댓글
·

TIL-03 복습

내가 지금까지 쓴 글들을 다시 보았다.딱히 지금까지는 어려운 내용이라기 보다는 어떻게 보면 당연한 말들이지만 바쁘다는 핑계, 귀찮다는 핑계로 놓치고있던부분에대해 정석적인 가이드라인들의 내용들이였다.북클럽을 시작한지 고작 이틀이지만 그래도 회사에서 업무를 하면서 2챕터에

2022년 4월 25일
·
0개의 댓글
·

TIL-2 의미있는이름

2장(의미 있는 이름)실제 많이 겪은 내용들이고 고민도 해본 내용들이다.스스로 고민하고 어떻게 네이밍 컨벤션을 잡아야 명확하고 한눈에 파악하기 쉬운 네이밍을 정의해 나갈까 고민했는데 어느정도 궁금증이 해소된것 같다.물론 주석처리를 부정적으로 책에서 표현하는건 사실 반대

2022년 4월 24일
·
0개의 댓글
·

TIL-1 추천사,1장

추천사1장(깨끗한 코드)회사에 입사하고 복잡하게 얽혀있는 코드를 보면서 전 개발자가 짜놓은 코드를 보면서 왜 이렇게 짰을까?이런 고민을 했었다. 그렇게 1년을 넘게 일을하면서 어느순간 이런 코드로 짜여진 레포에서 새로운 기능을 추가하기위해 억지로 기존 코드에 기반해 코

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

오랜만에 벨로그~

회사가 바쁘다... 그리고 그 핑계로 공부를 하지 않았다.시작한다.개발을 시작할때 많이 배운 노마드코더와 함께 읽어보자 ㅎ

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

basic about internet

비전공자인 나는 가끔 회사에서 업부를 하다 개발쪽 관련 지식이 아닌 기본적인 컴퓨터에 대한 지식부족으로 한번식 엉뚱한 부분에서 힘들어 할때가있다.그래서 기본적 cs관련이나 컴퓨터,인터넷관련 지식을 한번씩 basic이란 시리즈로 정리해보려한다.인터넷은 웹의 핵심기술로 컴

2021년 12월 1일
·
1개의 댓글
·

Polyfill

새로 추가된 전역 객체들(Promise, Map, ...)을 사용가능한 객체로 바꾸어주는 플러그인이다.babel을 사용한다고 자바스크립트 최신 함수를 사용할 수 있는 건 아니다. babel은 문법을 변환해주는 역할만 할 뿐이다. polyfill은 프로그램이 처음에 시

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

facebook-pixel

이글은 개발에 관련된 내용이 아닙니다.어느날 회사에서 페이스북 픽셀 작업을 요청하였고 그전까지 한번도 픽셀을 사용해본적은 물론 뭔지도 몰랐던 제가 살면서 처음으로 마케팅 유투브 강의동영상, 페이스북 픽셀 dev문서등을 보면서 이해한내용을 적어봅니다.페이스북 픽셀이란 웹

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

typescript

정리를 하다 전에 타입스크립트를 학습하며 정리한 내용이 있길래...아까워서 올려봅니다.먼저 폴더를 만들어 주고난 후 npm init -y 를 통하여 package.json파일을 만들어줍니다그러고 난 후 tsconfig.json파일을 만들어줍니다.config제이슨 파일을

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

Code Splitting

Code Splitting (코드분할) 이란? 코드 분할(Code Splitting)은 SPA의 성능을 향상시키는 방법입니다. 싱글 페이지 애플리케이션(Single Page Application)은 초기 실행시에 필요한 리소스를 모두 다운로드한후 해당화면에 필요한

2021년 11월 17일
·
1개의 댓글
·

react 합성 가독성

우리는 작업을 하면서 컴퍼넌트에서 어떤 컴퍼넌트가 들어올지 모르는 경우가 생긴다. 새로 만드는 프로젝트뿐 아니라 이미 기존에 존재하는 프로젝트역시 마찬가지다. 어떤 자식 엘리먼트가 들어올지 모르는 상황에서 우리는 children을 사용하면 유지보수에 좋은 효과를 불러올

2021년 11월 16일
·
0개의 댓글
·

오픈소스 훔쳐보기2

GitHub - outline/outline: The fastest wiki and knowledge base for growing teams. Beautiful, feature rich, and markdown compatible. \*debounce: 중첩된 호출

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

오픈소스 훔쳐보기

오픈소스를 보다가 사용하기 유용해보이는 코드를 직접 run.js를 통해 확인 하면서 유용해 보이는 코드를 따로 정리했습니다.GitHub - withspectrum/spectrum: Simple, powerful online communities.해당 컴퍼넌트는 이전값을

2021년 11월 12일
·
1개의 댓글
·
post-thumbnail

Jest

Jest는 페이스북에서 만든 Javascript 테스팅 라이브러리 입니다. Jest는 이전의 자바스크립트 테스팅 라이브러리와는 차별점을 가지고있는데 전에는 test를 진행하는데 있어서 test runner, matcher, mock등을 다른 라이브러리르 조합하여서 사용

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

Redux-Toolkit

리덕스 툴킷이란 리덕스를 더 사용하기 쉽게 만들기 위해 리덕스에서 공식 제공하는 개발도구 입니다. 리덕스는 훌륭한 라이브러리지만 단점 역시 있습니다. 리덕스 툴킷은 이러한 리덕스의 단점을 보완하기 위해 등장하였습니다.하나의 리덕스를 작성하는데 필요한 기본적인 코

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

Redux-Saga

Redux-Saga란? 💡 리덕스 사가는 비동기 작업처럼 리듀서에서 처리하면 안되는 순수함수가 아닌 작업을 처리하기 위한 리덕스 미들웨어 입니다. Redux-Saga는 일반 action을 dispatch하고 Generator라는 것을 통해 function*과 같은

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

Redux

Redux는 리액트에서 현재 가장 많이 사용되는 상태관리 라이브러리 입니다. 리덕스를 사용하면 우리가 어플리케이션을 만들면서 컴포넌트들의 상태관련 로직을 다른 파일로 분리시켜 효율적인 관리를 할 수 있는 라이브러리 입니다.리덕스가 있기전 우리는 보통 하나의 루트 컴포넌

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

EsLint & Prettier

ESlint란? Lint란 보푸라기를 말한다. ESlint란 ECMAScript에서의 보풀을 의미하게 되는데 우리가 옷을 입을 때 보풀이 있어도 입고다닐순 있지만 보기에 좋지 않다. 이렇듯 들여쓰기도 일정한 규칙에 맞게 하지 않고 선언한 변수나 함수를 사용하지 않는

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

바벨 (Babel)

사람이 살아가는데 서로 각자 다른 언어를 사용하면 의사소통에 문제가 생기고 수많은 다른 언어를 배우는 것은 매우 어려운 일이다. 이런 상황과 비슷하게 브라우져 마다 사용되는 언어가 다르고 이런 언어가 다르다. 물론 계속해서 브라우져는 개선되고 있지만 IE는 promi

2021년 11월 10일
·
2개의 댓글
·