profile
Frontend 를 목표로합니다.

1분기가 16일 지나서 쓰는 1분기 회고

오랜만에 좋은 회사에 온거 같습니다. 회사가 성장중이어서 개발자가 투자를 위한 기간에 허덕이지 않아도 되는 프로젝트들이었고,그렇다고 너무 공무원처럼 그자리에서 머무르면 돈이 따박따박 나오는 회사도 아니었고, 이사진들이 권의적이지도 않은 회사였습니다. 오히려 개발자들을

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

다들 쓰길래 6일지난 회고록

저는 작년 개발자의 시작을 했고 작년10월부터 프론트로써 첫 타이틀을 달고 개발자를 시작했습니다.올해의 시작과 동시에 저는 백앤드 개발자(전 룸메이트)와 함께 새벽까지 개발을하며 회사 서비스개발을 완료했던 기억이 있습니다. 그때 당시에는 배포도 제대로 할줄모르는 바보

2022년 1월 6일
·
1개의 댓글

NPM과 package.json(feat. yarn, nvm)

npm은 노드의 라이브러리등의 패키지들을 매니징 하기위한 툴이라고 보시면 됩니다. 설치 제거 부터 업데이트, 버전 관리, 패키지 실행 등 다양한 것들을 할수있는 툴입니다.기본적으로 node를 설치하면 같이 설치되기 때문에 따로 설치는 필요 없지만 몇가지 스크립트는 알아

2022년 1월 1일
·
0개의 댓글

들어가기전

프로젝트의 시작 전 도입해보고 싶은것이 생겼습니다. alias로써 경로를 절대적으로 바꿔줘서 ../의 지옥에서 좀 탈출하고자 알아보았고 2일간의 탐색과 적용후에 모든 것이 실패 되었습니다. 하지만 포기하지않고 cra없이 webpack, babel 설정부터 다시해보자

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

Next.js 와 SSR

이번에 넥스트를 사용하는게 어떻겠느냐의 회사 내부에서의 의견이 있었고, 저는 왜 넥스트를 사용하는지 넥스트를 이용하면 장점이 무엇인지, trade off할만한 충분한 장점인지에 대하여 고민하게 되었습니다.그래서 이번에 넥스트의 이해도를 높이고, 넥스트를 써야되는 이유를

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

소규모 프로젝트를 하며 적용한 AWS

EC2 \- 기본 서버랑 비슷한 환경을 제공 \- git 을 연결하여 배포를 수동 적용 \- 내부 기능을 이용하기 위해 서버 세팅 적용 필수(nginx, pm2, etc..) IAM \- 기능들을 이용하기 위한 새로운 부계정 생성 \- 권한을 따로 부여하여

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

[React Native] error

에러코드가 뜬다!갑자기?! 잘되던게?? 이후 고친다면 글을 수정하여 원인과 해결법을 찾아보려합니다.1\. Error

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

통하였느냐? 통신에 대하여

틀린 내용, 수정해야될 부분에 대한 비판은 언제나 환영입니다. 댓글로 달아주세요.대상은 비전공, 개발 처음하는 분들 웹을 거의 모르시는 분들을 위하여 어려운 단어를 최대한 배제하였습니다.다소 과장되었거나 축소하여 말을 하는 경우가 있는데 선을 넘었다 싶은 부분은 언제나

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

오랜만에 쓰는 근황 겸 목표

현재 저는 스타트업 Front-end 개발자로써 페이지 제작과 기능을 개발 중입니다. 야근에 치여 블로그를 좀 소홀히 하긴했습니다.. 개발공부는 소홀히 하진 않았다고 생각은 하지만 정리 후 블로그 정리까지 할 시간이 나지않기도 했고.. 제가 게으르.. 이번에 회사에서

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

실행 컨텍스트

여기서는 2020년 현재 기준 실행컨텍스트를 설명하고 있습니다. es5 중간에 실행컨텍스트가 한번 크게 변했고 나중에도 언제 변할지 모릅니다. 이글은 최신의 실행컨텍스트 설명뿐만 아니라 es5 이전의 실행컨텍스트도 설명에 들어있습니다. es5 이전과 이후 실행컨텍스트

2020년 11월 18일
·
0개의 댓글

20200721 TIL

https://programmers.co.kr/learn/courses/30/lessons/49993스킬트리

2020년 9월 21일
·
0개의 댓글

20200918 TIL

https://programmers.co.kr/learn/courses/30/lessons/68644

2020년 9월 18일
·
0개의 댓글

하루 늦은 20200910 TIL

generator functionasync 함수hook 과 상태에 대한 이야기

2020년 9월 10일
·
0개의 댓글

우아한 테크러닝 3기 3회차

많은 라이브러리나 프레임워크들이 나오고 있습니다. 이를 사용하면 쉽게 어떠한 것을 구현하기 쉬워집니다. 하지만 개발자들이 단순히 사용자가 되지 않길 바라는 마음에 이번 회차에 리액트를 구현해보고 라이브러리나 프레임워크들의 코드의 내부를 보았으면 좋겠다고 하셨습니다. 상

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

우아한 테크러닝 1회차 react-typescript

저는 이런거 되어본적이 없어서 설마 되겠어 이런마음으로 지원했고 되면 대박!! 이렇게 생각하고 지원했었습니다!그런데 두둥!~!테크러닝 선발뭐라고!? 와!!!!이런마음으로 열어보았습니다선발 메일 내용두근거리는 마음으로 메일을 열어보니 1200명중에 내가?! !!!!!너무

2020년 9월 1일
·
2개의 댓글

리다기 스터디 9. component styling

요새는 코딩은 컴포넌트 구성되는 추세라고 현업자에게 들어본적이 있습니다.(youtude daqko님 말씀)그래서 컴포넌트별로 styling을 하는게 맞는건지 아니면 styling은 모아서 따로하는게 맞는건지 잘 모르겠지만 .. 이 장에서는 css styling부터 co

2020년 9월 1일
·
0개의 댓글

리다기 스터디 8. Hooks

1. 훅스란? React 16.8버전부터 새로 추가된 class를 작성할 필요없이 상태값과 여러 React의 기능들을 사용하기 위해서 만든 api입니다. 1.1 훅스를 만들게 된 동기 class형은 컴포넌트에서 State와 관련된 로직을 재사용하기 어렵습니다.(s

2020년 8월 30일
·
0개의 댓글

리다기 스터디 7. LifeCycle

일단 라이프 사이클에 관련되서 설명을 해볼까합니다. 저는 리액트에서 라이프사이클이라는 단어를 처음 들었었고 영어다 보니 우리나라에서 잘 쓰이지 않는 단어라고 생각됩니다. 직역하면 생애주기라고 해석되며 어떤 물품, 생명이 만들어졌을때부터 없어질 때까지의 과정을 의미합

2020년 8월 29일
·
0개의 댓글

리다기 스터디 5. ref

Dom 선택자로 Dom에 이름을 달아주는 것이라고 보면됩니다. Dom자체에 변수를 입력하여 나중에 css를 변경하고 싶거나 자바스크립트 이벤트를 달아주는등을 할수 있습니다.특정 tag에 focus 등의 이벤트 적용하기,스크롤 박스 조작하기canvas 요소에 그림그리기

2020년 8월 20일
·
0개의 댓글