profile
코딩은 해봐야 아는 것

리팩터링 9장 데이터 조직화

역할이 둘 이상인 변수가 있다면 쪼개야 한다.그리고 변경이 없다면 js에서 항상 let대신 const를 쓸것 매개변수를 변경하는 일은 굉장히 위험할 수 있다.매개변수를 다른 값에 할당하고 해당 값을 변경하여 사용하는 것이 역할을 다르게 쓰는 패턴중 하나다.이름(데이터

2022년 6월 19일
·
0개의 댓글

리팩터링 2판 8ch

함수 옮기기팔드 옮기기문장을 함수로 옮기기문장을 호출한 곳으로 옮기기인라인 코드를 함수 호출로 바꾸기문장 슬라이드하기반복문 쪼개기반복문을 파이프라인으로 바뀌죽은 코드 제거하기지금까지는 프로그램 요소를 생성 혹은 제거하거나 일므을 변경하는 리팩터링을 다뤘다.여기에 더해

2022년 6월 11일
·
0개의 댓글

리팩터링 2판 7장 정리

7장.. 가장 어려웠다.레코드 캡슐화하기와 컬레션 캡슐화하기, 기본형을 객체로 바꾸기가 왜 이런 식으로 바뀌어야 하는 아직도 잘 모르겠다.그 이후는 좀 쉬운 것 같다.여기서 "가변 데이터를 저장하는 용도로는 레코드보다 객체를 선호나는 편이다"에서 객체 = 클래스구조 라

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

리팩터링 2판 6, 10 정리

6장코드를 언제 함수로 묶을 것인가?코드가 무슨일을 하는지 모르겠을 때, 이름을 지어준다.표현식이 무슨 값을 나타내는지 복잡할 때, 지역변수로 만든다.Q. 변수로 만들어야 할 때, 함수로 만들어야 할 때 차이가 뭘까?책에서 넓은 의미로 쓰일 떄는 함수로 추출해야한다고

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

convertTimezone

확인해볼것getTimezoneOffsethttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset540 = 60분 9600000 =

2022년 5월 18일
·
0개의 댓글

prettier, eslint 적용 정리

install.eslintrc.json.prettierrcvscode

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

javascript isWifi

현재 크롬을 제외한 대부분의 브라우저에서 지원 X https://wicg.github.io/netinfo/https://developer.mozilla.org/ko/docs/Web/API/Navigator/connectionhttps://c

2022년 5월 10일
·
0개의 댓글

애니메이션 스터디 4주차 회고

인프런에 애니메이션 스터디 공고를 내고, 스터디를 진행하기 4주차가 지났다.깃헙: https://github.com/AnimationStudyvV학교에서 백엔드만하다 삐까뻔쩍하는 프론트가 좋아서 학원을 다니며 프론트로 입사하게 되었다.입사후에 프론트 실력을 키

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

gsap

https://greensock.com/gsap/

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

nth-child vs nth-of-type

https://www.digitalocean.com/community/tutorials/css-css-nth-child-vs-nth-of-typehttps://css-tricks.com/examples/nth-child-tester/nth-of-typ

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

img 태그에는 width와 height를 명시하는게 좋다

http://tcpschool.com/html-tag-attrs/img-width이전까지 width나 height는 CSS에 명시해야 옳은 습관인 줄 알았는데, 이런 문서를 보니 태그에 명시하는게 맞는 것 같다.음.. 앞으로도 읽어봐야할 것 같은데, 아직 언제

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

Nextjs에 Cognito로 kakao social Login 만들기.. 다만 amplify를 곁들인..

주절주절 회사에 들어오고, 그냥 그런(그래도 Next.js, TypeScript, React-query, Redux-toolkit)크게 어렵진 않은?(물론 나는 많이 어려웠다 ㅎㅎ) 툴들로 프론트작업을 하던 와중, 피오역할을 맡은 분께서 이번 메인페이지 작업에 로그인구

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

next aws amplify

https://www.youtube.com/watch?v=cLKLqpxPSws&t=344

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

나에 대한 정리

일을 잘하고 싶다는 생각을 계속 한다.어떻게 하면 일을 잘 할 수 있을까 고민하다가, 내가 지금 어느정도 일을 감당할 수 있는지, 나는 어떤 역량을 가지고 있고, 어떤 부분이 부족한지 메타인지에 대한 생각을 하게 되었다.내가 생각하는 나의 단점은일을 빨리 처리하는 것에

2021년 10월 29일
·
0개의 댓글

SVG to Icon

Icomoon(https://icomoon.io/app/프로젝트 assets에 가서 fonts폴더 생성해당 위치에 아까 만들어진 fonts 폴더의 내용을 전부 넣음 폰트를 사용하기 위해서 css로 font face를 선언해줘야함그것을 icomoon 에서 같이

2021년 10월 28일
·
0개의 댓글

맥북(m1)을 접하게 되면서..

나는 원래 window만 썼다.사실 별다른 이유가 있던건 아니고, 돈이 없어서 가성비 노트북을 구매해야했고, 내 돈주고 맥북을 쓰긴 아깝다는 생각이 들었다.학교다닐 때야 대부분의 학생이 나와같은 처지라 맥을 접할 기회도 적었고, 친한 형이 macbook pro를 구매했

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

처음으로 git fork를 해봤다( with 김버그 강의)

이런 식으로 이용하는 게 아닐 것 같긴 하지만, 평소에 fork라는 기능을 한번은 꼭 해보고 싶었고, 따라서 진행해봤다.일단 이 일?을 하게된 이유는, 맨날 내 개인 계정으로 연습하다가, 입사하고 github 계정을 회사껄로 연동했다.그러다보니 vscode 연결도 당

2021년 10월 28일
·
0개의 댓글

개발 디자인을 도와줄 온라인 툴 5 + 1

개발 디자인을 도와줄 온라인 툴 5 + 1Color Space - https://mycolor.space/웹 사이트 만들 때 컬러 팔레트 자동 추천하나의 컬러만 픽하면, 잘 어울리는 다른 색상들을 자동으로 추천해줌팔레트 컬러 찾기 도우미CSS Gradient

2021년 10월 26일
·
0개의 댓글

npm install options

어떤 dependency에 추가할 것인가?어떻게 설치할 것인가?어떤 버전으로 설치할 것인가?그 외?== npm install name과 동일그냥 다운 받는 것은 P옵션을 붙인것과 동일package.json에 dependencies에 기록원래는 --save옵션을 붙여야

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

Atomic design 정리 - n2

기존 방법은 페이지 전체를 예전 UI개발은 페이지 전체를 통으로 하나의HTML파일에서 설계를 하는 방식기능별 재사용성의 고민 및 페이지 상태 관리에 따른클래스분기나 CSS상속등 많은 것들을 고려하면서 작업을 했다.최근에는 많은 서비스들이 리액트 옥은 vue기반의 환경으

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