profile
이해하는 개발자를 희망하는 고광필입니다.
post-thumbnail

react 주의사항 | 같은 state 참조 | useCallback useEffect 무한루프

이 파트의 예시 코드는 Youtube - Web Dev Simplified - Every Beginner React Developer Makes This Mistake With State 동영상을 번역했음을 알립니다.user라는 상태 데이터가 있습니다select 버튼을

5일 전
·
0개의 댓글

220630 TIL

프그래머스 데브코스 중간 프로젝트를 숨가쁘게 달리고 나니앞으로는 좀 한가할까 했지만, 아직 바쁜하루들이 남아있네요최근 데브코스에서는더 깊은 프론트 내용으로는 이런게 있어라는 맛보기 느낌의 강의를 듣고 있습니다react component, hook, context를 배우

6일 전
·
0개의 댓글
post-thumbnail

package.json git ignore 해결 | 전역 .gitignore

맥북을 구입하고 5일째 되는 오늘평소처럼 데브코스 강의를 듣고 개인 리포에 정리하던 중 package.json이 git에 올라가지 않았습니다내용을 바꿔봐도 git이 내용이 바뀜을 감지하지 못했습니다한 2시간 삽질하고 알아내긴 했습니다git이 package.json을 감

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

2주간 SNS 프로젝트를 하며 배운점 | GAMEBU 프로젝트 회고

6월 7일 화요일 ~ 6월 22일 수요일까지 약 2주간 데브코스 중간 팀 프로젝트를 진행했습니다간략한 프로젝트 소개와 담당 개발 파트를 언급하고, 다음엔 이렇게 해야겠다 싶은 부분들을 정리하겠습니다GAMEBU는 게임을 같이할 파티를 구하는 종합 SNS 사이트입니다위 링

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

Mui Box와 div의 차이 | Mui sx와 inline style의 차이

mui를 사용해서 데브코스 프로젝트를 진행하고 있습니다mui에서는 여러 컴포넌트의 예시를 볼 수 있는데Box 컴포넌트가 div 태그와 다른점은 무엇인지,sx로 css를 적용하는 것과 style로 css를 적용하는 것이 무엇이 다른지 찾아보게 되었습니다react에서 cs

2022년 6월 13일
·
2개의 댓글

220602 TIL

220602 TIL데브코스 React(6) 컴포넌트 실습과 React(7) custom-hook 실습을 수강했습니다Flux, Breadcrumb, Tab을 추가로 만들었습니다Flux의 경우 Flux.Row와 Fluxx.Col로 나누어 개발했고Provider까지 사용하기

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

220531 TIL

220531 TIL데브코스 React(5) 강의를 수강했습니다storybook을 이용해 컴포넌트를 만들면서확장성, 재사용성을 높게 가져가는 것을 목표로 실습을 진행하고 있습니다컴포넌트에 disabled, block, invalid 등의 props를 받고block이 tr

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

220530 TIL

220530 TIL데브코스 React(4) 강의를 수강했습니다react 컴포넌트를 실제로 사용하는 시나리오에 맞게 실습을 진행하고 있습니다컴포넌트는 추상화에 따라 응용 정도가 달라지기 때문에 이 부분이 중요한 듯 싶습니다react도 vue처럼 멀리 있는 컴포넌트간의 p

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

백준 2579 계단 오르기 | Javascript | DP

백준 2579 계단 오르기다이나믹 프로그래밍의 기초 문제입니다풀기는 했으나, 오답과 정답간의 차이점이 무엇인지 몰라서 질문글을 올렸었고어떤 분의 답변으로 놓친 부분을 깨닫게 되었습니다점프한 칸의 점수를 얻습니다1칸 or 2칸 점프가 가능하고, 3칸 연속 점프는 불가능한

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

react useCallback | 함수 정의 | 최적화

react 강의를 듣다가 팀원들 간 useCallback에 관한 얘기가 나와서 관련 예제를 만들어 슬랙에 올렸는데, 블로그에도 올리면 좋을 것 같아서 조금 수정 후에 글을 작성합니다react 공식문서 - usecallback(https://ko.reactjs.

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

220524 TIL

220524 TIL프로그래머스 데브코스 복습 기간 겸 방학 기간이 오늘로 마무리되었습니다css와 vue강의가 밀려서 강의 수강이나 과제에 어려움이 있었기에 react는 밀리지 않으려고 강의를 미리 듣고 있습니다React(1), (2) 강의를 미리 수강했습니다팀원의 vu

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

220523 TIL | vue 영화 검색 사이트

220523 TIL주말에는 vue 과제를 진행했습니다react 강의를 미리 예습하면서 강의가 밀리지 않도록 할 계획입니다Vue + 영화 검색 API + Design 프레임워크를 사용해 영화 검색 사이트를 만들고 배포하는게 8주차 과제였습니다ant-design-vue를

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

220519 TIL | vue | 믹스인 | Provide / Inject | Vuex

220519 TIL프로그래머스 데브코스 Vue(6) 강의를 수강했습니다아직 vue 강의가 더 있지만 프로젝트를 진행하는데는 여기까지 들으면 문제가 없다고 판단해서프로젝트도 진행하려 합니다Vue 애플리케이션의 전역에 특정 기능을 추가합니다커스텀 함수를 전역으로 등록하고

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

220518 TIL | vue | 컴포넌트 props | non-props | slot | ref

220518 TIL프로그래머스 데브코스 Vue(5) 강의를 수강했습니다강의가 좀 많이 밀려있어서 빨리 듣고 프로젝트를 시작해야겠습니다컴포넌트는 전역에 등록할 수 있고, 지역에 등록할 수 있다=> 지역 컴포넌트를 권장하지만, 자주 사용하는 경우 전역으로 등록할 수 있습니

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

220517 TIL | vue | 조건부 렌더링 | 배열 렌더링 | 이벤트 | 수식어

220517 TIL프로그래머스 데브코스 Vue(3)과 Vue(4) 강의를 들었습니다webpack 관련 셋팅 강의가 복잡해서 따로 더 봐야할것 같습니다복잡해...vue의 조건부 렌더링, 배열 렌더링, 이벤트 핸들링, 수식어, 컴포넌트, props를 배우며 기본 지식 정도

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

220515 TIL | vue | computed | watch | class style bind

밀린 프로그래머스 데브코스 Vue(2)를 공부했습니다data를 기반으로 계산된 데이터입니다기존의 data를 유지한채로 computed에서 계산합니다이 때 기반이 되는 data를 computed가 의존하는 data, 의존성 data라고 합니다함수지만 data로 취급됩니다

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

220513 TIL | vue | 기본 문법 | 라이프사이클

강의가 밀려있기도 하고, 그날 공부한 내용을 블로그 글로 정리하는데도 시간이 걸리는 것 같습니다오늘 공부한 내용을 적는 TIL과 이후에 해당 내용을 정리해서 좀더 깔끔하게 별도의 글로 올리고자 합니다그래서 오늘부터 별도의 TIL을 작성합니다220513 TIL프로그래머스

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

Selection Object | window.getSelection() 정리

노션 클론 코딩을 진행하면서 textarea tag를 사용하지 않고contenteditable="true"가 적용된 div tag를 사용하려고 했습니다그러나 특정 상황에서 innerHTML로 text를 바꾸고,focus해서 계속 입력을 진행하려는데 뜻대로 되지 않았습니

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

drag and drop event | Javascript

바탕화면에서 파일을 옮길 때 드래그를 통해 옮길 수 있습니다.하지만 웹 사이트에서는 옮겨지는게 있고, 아닌게 있습니다.특히 글은 옮겨지지 않고 선택만 됩니다.웹사이트에서 드래그는 할 수 없는걸까요?오늘은 drag 관련 event에 대해 공부한 내용을 기록하겠습니다.드래

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

사용자에게 많은 데이터를 보여주는 방법 | 페이지 | 무한 스크롤

프로그래머스 데브코스 강의에서 무한스크롤에 대해서 공부했습니다.이후에 따로 찾아본 내용을 합쳐서 무한 스크롤은 무엇인지, 외에 다른 방법은 없는지, 어떻게 구현하는지를 정리하겠습니다.구글에 어떤 내용을 검색했을 때페이스북에서 어떤 내용을 검색했을 때네이버에서 초콜릿을

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