profile
쉽게 사는건 재미가 없더군요, 새로 시작합니다🤓
태그 목록
전체보기 (189)React(116)TIL(116)TID(116)공부기록(84)리엑트(80)프로젝트(15)react native(15)app(14)component(10)wedding-card(7)생각(7)Expo(7)react navigation(7)개발(6)모바일청첩장(6)사이드프로젝트(6)WE'SH(6)todoList(6)청첩장(6)todo list(5)react testing library(5)project(4)투두리스트(4)test code(4)TDD(4)1차프로젝트(4)LOL(4)개발자(3)git(3)CSS(3)일기(2)기획안(2)interaction(2)couple app(2)clone coding(2)Fetch(2)calendar(2)tutorial(2)github(2)html(2)hook(2)일상(2)input(1)오랜만(1)데이터(1)dotenv(1)퍼블리싱(1)await(1)투드리스트(1)마음(1)Zshell(1)ajax(1)IP주소(1)환경변수(1)react redux(1)(1)oh my zsh(1)async(1)paint(1)tooltip(1)JavaScript(1)작업기(1)UI(1)Debouncing(1)layout(1)댓글(1)localStrorage(1)비동기처리(1)첫시작(1)history.push(1)commit(1)히스토리(1)State(1)useMemo(1)navigation(1)메서드(1)axios(1)Attachment(1)styled components(1)useCallback(1)Context API(1)협업(1)페이지랜더링(1)localstorage(1)도전(1)form(1)mode switch(1)history.replace(1)취소(1)jest(1)install(1)syntactic sugar(1)다크모드(1)Embeded(1)iframe(1)랜더링(1).env(1)커스텀훅(1)다짐(1)Throttling(1)기념페이지(1)remote(1)swiper(1)redux(1)상태관리(1)스크롤(1)개발자풋내기(1)동영상(1)svelte(1)Comment(1)tag(1)twmc(1)취준생(1)asynchronous(1)promise(1)video(1)API(1)D-day(1)parsing(1)git push(1)push(1)프레임워크(1)http(1)DNS(1)리액트(1)웹의 동작방식(1)react router dom(1)검색기능(1)profile(1)like(1)브라우저(1)성능최적화(1)프로그래밍기법(1)router(1)프론트엔드(1)이직(1)퇴사(1)
post-thumbnail

욕심만 많은 자의 svelte 도전기

svelte ? 일단 킵. 이전에 처음 figma를 접했을 때와 같은 상황을 겪고 있다 🤧 흥미로워 보이는 것을 마주했을 때, 언젠간 공부하고 사용해보겠단 생각에 자꾸만 머리에 단어가 맴도는 현상... 이번엔 react를 좀 더 공부해보겠다고 이것저것 리서치하다가

어제
·
0개의 댓글
post-thumbnail

[꽃길레터] 작업기 ✍︎

따란 🎉 내가 개발자를 하겠다고 마음먹은 후에 처음으로 다짐했던 프로젝트를 마무리지었다 ! 물론 작업이 끝난지는 시간이 좀 지났지만 ㅎㅎ 필요에 의한 것을 만들 수 있는 개발자가 되겠다고 마음 먹은 이후로, 처음으로 실사용자에게 공개해본 프로젝트였기에 애정이 상당하다

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

[React] 프로젝트에 동영상을 넣고싶어요

첫 입사를 하게 되었던 회사에서는 영상을 다루는 방법을 많이 배운 것 같다. 영상에 관련된 서비스를 하다 보니, 웹페이지를 구성하는데에 있어서 영상이 차지하는 비율이 꽤 컸다. 내가 담당했던 페이지에서 동영상을 다루며 알게 되었던 내용을 기억하기 위해 정리해보는 포스팅

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

어쩌다 취준생

갑자기, 아니 이러면 너무 충동적인 것 처럼 보일 수 있으니까, 어쩌다보니 다시 취준생의 길을 걷게 되었다. 심도있게 풀어낼 수는 없지만, 조금 더 건강하게 성장하고자, 더 멀리 보기 위해, 어렵게 입사했던, 그리고 애정했던 회사를 내 발로 나오게 되었다. 여전히

2022년 3월 16일
·
0개의 댓글
post-thumbnail

[git] git commit/push 되돌려줘,,,

이 할미는 자꾸만 까먹으니 기록을 해야해... ⏪ 자꾸만 백지가 되는 git 되돌리기 작업 작업을 하고나서 때마다 사진을 찍듯이 찍어주어야 하는 commit 하지만 자꾸만 commit을 실수하거나, 실수로 commit한 작업을 실수로 push까지 해버릴 때가 있다..

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

🎀 Wedding-card - 모드스위치

styled-components의 다양한 기능에 대해 더 알 수 있었던 다크 모드스위치 작업파트. 당시에 급하게 처리하느라 ThemeProvider를 사용했지만, 사용하기 급급해서 제대로 정리가 안된 것 같아서 다시 공부하며 리팩토링하고 정리하기! 다크모드를 구현하는

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

[javascript]비동기처리와 Promise/axios/fetch

_처음 면접을 볼 때는, 자바스크립트의 비동기처리에 대해서 말해달라고 했을 때, " 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성입니다. " 라고만 말하고 끝맺음 해버렸다. 말 그대로 용어에 대한 정의만 알고

2021년 10월 1일
·
0개의 댓글
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일
·
4개의 댓글
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 #6. Main Page - comment

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

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

🎀 Wedding-card #5. 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개의 댓글