profile
코딩은 해봐야 아는 것

당신의 브라우저 주소창에 google.com을 치고 엔터를 누르면 어떤일이 일어날까?

https://github.com/SantonyChoi/what-happens-when-KR 글을 따라써보며 머리속으로 정리해보는 연습장입니다. Table of Contents "g"키를 누르면 "엔터"키가 쏙 들어갑니다. 인터럽트 발생 [키보드가 USB가 아닌경우

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

개발자가 되고, 처음으로 고객과 직접 만났다.

대학생 때 부터 개발을 하긴 했지만, 아예 쌩판 모르는 사람이 내가 개발한걸 사용하는 모습은 오늘 처음 보게 되었다.상황을 설명하자면, 오프라인 서비스 지점이 추가될 때 마다 팀에서 1명씩 고객 응대를 나가게 되는데, 오늘은 내가 나가게 되었다.계약을 이미 한 고객은

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

리팩터링 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개의 댓글
·