profile
프론트 엔드 개발자가 되고 싶은 학생입니다. https://duge.space/t7zbpDzd_2
post-thumbnail

피그마 스터디를 다녀왔다

오늘은 디자이너분께서 직접 주최하신 피그마 스터디를 다녀왔다. 이 스터디에 참여한 이유는 내가 프론트엔드 개발자로서 피그마를 잘 다루지 못하고, 디자인 감각도 부족하기 때문이다. 그래서 이번 스터디를 통해서 디자인 감각을 키우고,피그마를 잘 다루어 실제 프로젝트 개발을

2023년 5월 27일
·
0개의 댓글
·
post-thumbnail

react는 아직도 어렵다..

나는 리액트를 아직도 잘 이해를 못하고 있는거 같다.아래의 코드 때문에 몇시간 동안 고생을 하였다.hook에서 state 변수를 선언하였고, 두개의 함수를 만들었다.그리고 a 컴포넌트에 onClickModal 함수를 이용하여 state 변수값을 바꾸었다.b 컴포넌트에서

2023년 5월 6일
·
0개의 댓글
·
post-thumbnail

알고리즘 - 봉우리

문제와 이해 격자판이 주어지면 중심좌표 기준으로 상하좌우의 숫자가 중심좌표보다 작으면 카운터를 세야한다. 계획 중심좌표 기준 상하좌우가 중심좌표보다 크면 continue문을 이용하여 카운터를 세지 않기 풀이 회고 이 문제를 풀기 위해 continue문을 처음 사용

2023년 4월 30일
·
0개의 댓글
·
post-thumbnail

알고리즘 - 격자판 최대합

문제와 이해 격자판이 주어지면 각 행의 합, 각 열의 합, 두 대각선의 합 중 가장 큰 수를 구해야 한다. 계획 for문을 적게 사용하기 위해 이중 for문안에 출력하기 풀이 회고 2차원 배열 탐색은 많이 안풀어봐서 처음에 풀기 어려웠다. 하지만 계속 생각을 하면

2023년 4월 29일
·
0개의 댓글
·
post-thumbnail

4시간 동안 git 잔디 복구를 하였다...

https://velog.io/@eggmun/%EC%9E%94%EB%94%94%EA%B0%80-%EB%88%84%EB%9D%BD%EC%9D%B4-%EB%90%98%EC%97%88%EB%8B%A4~이전 글 참고~10일동안 git을 복구하려고 git에 계속 문의를

2023년 4월 25일
·
0개의 댓글
·
post-thumbnail

무한 스크롤 함수를 공용화 하자

개인프로젝트를 진행하면서 무한 스크롤 함수를 어떻게 hooks 패턴으로 만들 수 있을까 생각해 보았다.위에 사진은 무한 스크롤 함수이다.저 위에서 data와 fetchUseditems는 유동적으로 바껴야 한다.왜나하면 게시글이나 댓글의 data와 fetchUsedite

2023년 4월 24일
·
0개의 댓글
·
post-thumbnail

웹팩 존속성 오류 해결하기

개인 프로젝트를 진행하면서 테스트 하려고 yarn dev를 하였다. 그런데 [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Unable to snapshot resolve dependencies 이런 오류가 나타났다. 난생 처음 보는 오류였다. 이 오류를 해결해 보려고 구글링을 ...

2023년 4월 20일
·
0개의 댓글
·
post-thumbnail

개인프로젝트 시작

개요 드디어 개인 프로젝트를 시작하려고 한다. 지금까지 팀 프로젝트를 다듬었는데 이제 시간이 남아서 개인 프로젝트를 만질 시간이 생겼다. 피그마로 디자인을 대충 완성하였기에 작업하면서 계속 디자인을 수정하려고 한다. 프로젝트 명 프로젝트 명은 MountPeople이다

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

NEXT.JS에서 API KEY 숨기기

1\. 환경 변수를 선언한다.먼저 최상단에 .env 파일을 만든다. 그리고 환경 변수명에 NEXT_PUBLIC을 붙여서 변수명을 지어준다.그리고 변수 값에 따옴표 없이 api key를 그대로 입력해 준다.2\. 환경 변수 값 가져오기환경 변수는 process.env로

2023년 4월 16일
·
0개의 댓글
·
post-thumbnail

잔디가 누락이 되었다.

코드캠프에서 공부했던 레포지토리가 누락이 되었다.이유를 찾아보았다.1\. 깃에 등록된 이메일 게정이 달라서=> % git config --list로 확인을 해보았다.이메일은 정확히 내 이메일이 맞다.main(master)브랜치가 아닐 경우는 누락이 된다.코드캠프에서 공

2023년 4월 15일
·
0개의 댓글
·
post-thumbnail

_document.js가 뭐야?

나는 지금까지 Next.js를 쓰면서 \_document.js를 제대로 알지 못했다.갑자기 어느 순간 의문이 들었다. \_document.js이거는 도대체 뭐지??지금까지 신경을 써본적이 없었다.그래서 궁금해져서 \_document.js에 대해 알아보기 시작하였다.\_

2023년 4월 15일
·
0개의 댓글
·

리드미 작성과 개인 프로젝트 디자인

오늘은 리드미를 작성하였다.내가 맡은 일들은 거의다 끝냈기 때문에 할일이 없어서 적었다.프론트엔드 리드미라서 백엔드 팀원들은 안적었다.기술 스택 선택 이유이다. 이것을 적는데 두시간 걸린거 같다.남은 시간에 개인 프로젝트 디자인을 하였다.디자인은 너무 끝이 없는거 같다

2023년 4월 14일
·
0개의 댓글
·
post-thumbnail

깔끔해진 내 코드

어제 작업한 내용들이다.어제는 하루 종일 반응형을 다듬었다...이제는 반응형이 쉬워진거 같다.제일 맨위에 있는 커밋이름은.. 오타다 12일인데 11일로 적었다.감기가 걸려서 그런지 오타내버렸다.메인페이지 담당인 내가 끝낸 리팩토링이다.진짜 깔끔해진거 같다.주석도 깔끔하

2023년 4월 13일
·
0개의 댓글
·
post-thumbnail

오랜만에 알고리즘

1. 문제 자동차 번호의 끝자리와 날짜의 일의 자리 숫자와 같을 경우를 구해야 합니다. 2. 이해 문제가 친절하게 나와 있어 이해할게 없다. 3. 계획 자동차 번호의 끝자리와 일의 자리 날짜를 문자열로 바꿔 서로 비교합니다. 4. 실행 5. 회고 이 문제는 3개월전에 풀려고 했다가 포기한 문제이다. 근데 3개월이 지난 시점에는 이 문제는 3분...

2023년 4월 12일
·
0개의 댓글
·
post-thumbnail

배운거와 한 일

오늘 새로운 것을 발견하였다.바로 리패치에 관한 정보이다.리패치도 두번이상 적을 수 있었다.지금까지 리패치 쿼리를 한번에 두개이상 사용해 본적이 없었는데필요한 상황이 생겼다.바로 친구 요청 목록에서 사라지는 거와 친구 목록에서의 리패치가 필요한 상황이다.이렇게 쉼표로

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

어제 git에 대한 실수를 해버렸다.

나는 지금까지 코드캠프의 레포지토리를 포크를 뜨고 작업을 하였다.그런데 어제 포크를 뜬 레포지토리를 퍼블릭으로 변경하였다.그러자 포크를 뜬 레포지토리가 코드캠프의 레포지토리랑 연결이 끊겼다.즉 원본 레포지토리와 로컬 레포지토리의 연결이 끊긴거다.그래서 갑자기 너무 당황

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

새로운 개인 프로젝트 준비

오늘은 개인 프로젝트를 준비해보려고 한다. 이번 프로젝트는 기본 CRUD만으로 사이트를 만들어 보려고 한다. 왜나하면 아직 제대로 된 CRUD 포트폴리오가 없기 때문이다.무엇을 만들어 볼까 생각하였는데 내가 좋아하는 거를 사이트로 만들어야 겠다고 생각하였다. 그래서 내

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

UPCO - 팀 프로젝트 회고

드디어 팀 프로젝트가 오늘로서 끝났다??아니다 코드캠프에서 팀 프로젝트가 끝난거다.아직 다듬어야 할 부분이 많고, 추가해야 되는 부분이 많다.하지만 코드캠프에서의 마지막 작업이니 회고록을 적으려고 한다.처음에 우리는 무슨 프로젝트를 진행할지 많은 고민을 하였다. 나의

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

오늘도 힘들게 잡은 타입

props?.data?.findAroundUsers.map((el) => ( <CustomOverlayMap position={{ lat: el.lat,

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

vs코드에서도 chatGpt 사용하기

오늘은 좋은 꿀팁을 알려주려고 한다. vs코드에서도 chatGpt 사용이 가능하다! 먼저 익스텐션에서 CodeGpt를 다운 받는다 그리고 CodeGpt를 사용하려면 api키를 다운 받아야 한다. 빠르게 api키를 발급 받는 방법으로 익스텐션 CodeGpt에서 톱니바

2023년 3월 28일
·
0개의 댓글
·