profile
쉽게 사는건 재미가 없더군요, 새로 시작합니다🤓
post-thumbnail

환경변수 .env (도텐브)

' 도텐브가 뭐야 '라고 하시면, 제가 dotenv를 처음 접했을 때 발음했던 ... 것..닷인줄은 몰랐죠...청첩장 프로젝트를 진행할 때, api key를 깃허브에 함부로 올리면 안된다는말을 들었었다. 그래서 그때 당시에 dotenv를 처음 접하게 되었고,프로젝트를

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

브라우저 페이지가 렌더링 되는 과정에 대해 설명해주세요

프론트엔드 개발자라고 하려면 필수로 알아야 할 내용중 하나.내가 작성한 코드가 페이지에 렌더링 되는 과정에 대해 알아야 한다.이전에 올린 웹의 동작방식 포스팅에 이어서 브라우저 렌더링에 대해 알아보자.www.google.com을 주소창에서 입력하면 일어나는 일렌더링이란

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

'www.google.com'을 주소창에서 입력하면 일어나는 일

_개발자로서 웹이 어떤 과정으로 동작하게 되는지, 무슨일이 어떻게 일어나는지에 대해 제대로 이해하지 못한 채 그냥 만들고 보여지는데에만 집중했던 것 같다. 어느 정도 큰 그림으로라도 이해해두기 위해 정리하는 글 ! 사실 면접에서 멘붕이 일어나기 시작했던 질문이었.._

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

Throttling과 Debouncing에 대해서 아시나요 / 네?

_면접을 통해 많이 배운다는걸 느꼈던 세번째 면접.. 내가 모르는 개념들을 정말 많이도 물어봐주셨다. 감사한것은 그저 질문에서 끝나는게 아니라 본인이 아시는 정도, 이해한 정도에 대해서도 설명해주시곤 하셨다. 그래서 더 잘 정리해두어야겠다는 생각에 정리해보는 새로운 두

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

React에서 Redux를 사용해보기

- https://maaani.tistory.com/153 import 제대로 연결 안됬을 때 오류 해결법 Redux 구성요소 1. Action 상태에 어떤 변화가 필요할 때 발생시킬 객체들. 액션객체에는 type필드를 필수로 갖고 있어야 하며, 통상적으로 대문자로

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

[React]history push/replace

🌀 조금 복잡한 라우팅 지금까지는 react-router-dom을 사용하면서 그저 페이지를 지정해주고 그 페이지로 이동하는 작업만을 했었는데, history에 어떤 데이터를 쌓거나, 덮어씌우는 작업도 할 수 있는걸 알게 되었다. 그 중에서 history의 메서드인 p

2021년 7월 31일
·
0개의 댓글
post-thumbnail

[git]repository 변경 후 push

코드 작업을 하다가, github 정리좀 한다고작업중이던 repository의 이름을 변경했다.그리고나서 commit을 하고 push를 했더니기존에 remote 되어있는 주소와 달라서 error가 떴다.처음엔 remote 주소를 다시 세팅하는 방법이 있다길래$ git

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

[React]성능 최적화의 useMemo, useCallback

성능최적화를 위한 도구 참고한 포스팅의 글 첫머리에 지극히 공감을 하게 되었다. > 이제 useState와 useEffect에 완전히 익숙해졌다고 느꼈는데, 컴포넌트 내에서 저 두 개의 hook 만으로도 props나 state를 다루는 로직에 관련된 기본적인 기능을 모

2021년 7월 27일
·
0개의 댓글
post-thumbnail

🎀 Wedding-card #4. Main Page - comment

시중에(?) 널려있는 모바일 청첩장에서 제일 바꾸고 싶었던 기능..대부분 어떤 글쓰는 형식의 폼에 내용을 입력하면신랑/신부의 이메일로 전송되게 하는 기능을 사용하고 있었다.근데 누가.. 그걸 굳이.. 이메일로 축하메세지를 보내고 있을까 싶어서..인스타그램처럼 다른사람들

2021년 7월 19일
·
0개의 댓글
post-thumbnail

🎀 Wedding-card #4. Main Page - 좋아요기능

Swiper하단에 빈하트버튼을 누르면 빨간하트로 바뀌면서 숫자가 올라가도록 하는 간단한 기능..이라고 생각했는데 아직도 간단한 기능도 어렵게 구현해내는 개발병아리...처음 기획으로는 사용자에 상관없이 새로고침을 하면 상태가 초기화되면서누를때마다 숫자는 서버에 저장되도록

2021년 7월 19일
·
0개의 댓글
post-thumbnail

🎀 Wedding-card #4. Main Page - swiper

✔️ Main Page 만들어내기 가장 내용이 많은 페이지이자, 링크를 타고 들어오면 제일 먼저 보여지기에 신경도 많이 쓰이고 작업도 오래, 그리고 끝까지 수정사항이 많았던 페이지이다. 아래 작업들을 진행하면서 고충이었던 부분, 그리고 내가 어떻게 해결해나갔는지에 대

2021년 7월 19일
·
0개의 댓글
post-thumbnail

🎀 Wedding-card #3. UI 만들기

✔️ 파일구조 짜기 아직 component를 잘게 쪼개는것도 익숙하지 않은 내게 ethan이 많은 도움을 주었다. 처음엔 Main Page를 하나의 컴포넌트로 만들었는데, 내용도 너무 방대하고 코드도 너무 길어져서 컴포넌트를 잘게 쪼개기로 했다. 그리고 veloper

2021년 7월 6일
·
1개의 댓글
post-thumbnail

🎀 Wedding-card #2. 세부 작업 계획 세우기

우선 내가 <span style='background-color: 넣고 싶은 기능과 작업에 대해서 정리해보기로 했다.인스타그램처럼 스토리 부분에 router 연결해서 페이지 나누기redux로 상태관리하기test 파일 작성하기사진 swipe로 넘겨서 볼 수 있게 하

2021년 6월 30일
·
0개의 댓글
post-thumbnail

🎀 Wedding-card #1. 프로젝트의 생성기

별다른 프로젝트를 시작하지 않고 이런저런 튜토리얼을 따라하며 공부하던 중에," 청첩장은 내가 만들어줄게! "라고 말했던게 갑자기 떠올랐다.올해 10월에 결혼하는 친한 친구에게 예전부터 " 내가 얼른 개발자가 되서 너 청첩장 만들 수 있는 실력을 쌓아올게? "라고 말해왔

2021년 6월 30일
·
0개의 댓글
post-thumbnail

[TID] 2021.06.29

👩🏻‍💻 What Do I want to do today? 개인 프로젝트 작업 README 작성 시작하기 -> 일단 제일 첫 README만 작성해두기,, 링크 - 어플 연결하는 방법 리서치 해두기 test 파일 작성 시작하기 면접질문 슬슬 정리 시작하기,, ✏️

2021년 6월 29일
·
0개의 댓글
post-thumbnail

[TID] 2021.06.22

fetch 작업 끝내고 M2 프로젝트로 넘어가기폰트 적용시키기파일트리 정리하기그라데이션 css 작업해보기 ->반응형 웹 만드는 방법 리서치기념페이지 레이아웃 수정 후 작업환경 세팅해두기버튼 클릭 시 목록 접히는 기능 구현해보기작업 진행을 하려면 PR올린게 머지가 되어야

2021년 6월 22일
·
0개의 댓글
post-thumbnail

[TID] 2021.06.21

Redux와 context API중에 사용할거 최종선택하기\-> Redux로 선택!Redux 해결해보기,,상태관리 코드작업 완료하기백앤드 데이터 갖고오는 작업 시작하기이번주 계획, 앞으로 개인 프로잭트 관련 계획 세우기오전에 정신을 가다듬고 시작해본 Redux. 저번주

2021년 6월 21일
·
0개의 댓글
post-thumbnail

[TID] 2021.06.14

개인프로젝트 진행중 - 댓글 기능 구현하기input의 상태관리에 대해 공부velog 개인프로젝트 내용 정리해두기오늘도 개인프로젝트 작업을 진행했다. 작업을 진행하면서 공부나 다른 부분에 대해서도 준비를 해야하는데.. 더위를 먹어서 오후 늦게서야 정신을 차렸다ㅠㅠ 큰일이

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

[TID] 2021.06.09

개인프로젝트 - swiper 기능 구현 작업 리팩토링개인프로젝트 - map API 사용해서 지도 구현하기개인프로젝트 - main 페이지 수정하기그동안 개인 프로젝트 하느라 TID를 일주일이나 지난 이제서야 작성하기,, 초반에 머릿속에 있는 이미지들을 구현해내면서 작업에

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

[TID] 2021.06.02

외부 API 연동하는 방법에 대해 공부, 실습해보기\-> 하다가 피드백으로 넘어감velog 밀린 부분 포스팅 하기남은 이번주 계획 잡기..\-> 개인 프로젝트 시작하기!오전부터 정신차리고 모니터 앞에 앉긴 앉았는데, 왜그리도 눈이 아픈지. 요즘 작업하는거에 더해져서 이

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