728x90 반응형 TIT63 2023.03.19, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 이번 주도 직접 코드를 작성하기보단 계속 이론 공부를 진행했다. 브라우저와 리액트의 동작원리를 다시 복습하면서 어떻게 최적화에 접근해야하는지 감이 서서히 접히는 느낌을 받았다. 조각난 지식들이 맞춰지는 기분이 들어 나름 뿌듯하지만 코드를 작성하지 않아 깃 잔디가 계속 비어 기분이 이상하기도 했다 ^_ㅠ ✅ 취업 사실 마음이 꺾이진 않았지만 우연히 본 박명수 짤이 너무 웃기고 공감되어 가져왔다....ㅎ 프로젝트 마감 기한 날짜만 바라보면서 스트레스 받았던 게 엊그제 같은데 벌써 3월 말이 다가오고 있다 치열하게 프로젝트를 진행하면서 지칠 때는 많았지만 꺾인 적은 없었는데 취준 생활을 하면서는 다른 의미로 참 힘에 부치는 거 같다 ^_ㅠ 자꾸 뭐가 부족한.. 2023. 3. 19. 2023.03.12, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 이번주는 상태 관리에 대해서 계속 학습했다. 기본부터 단단하게 다지자는 마음으로 강의를 듣고 있는데 예전에 학습했던 게 정리되는 느낌이 들어 좋았다 프리온보딩때 강의를 들으면서 정리해두었던 자료를 다시 읽기도 했는데 처음 들었을 때보다 훨씬 이해가 되어 신기하기도했다 학습을 계속하다보니 최적화가 궁금해지기 시작했다 useMemo, useCallback 정도만,,, 아는 정도긴 하지만 학습을 하면서 쌓이는 배경 지식이 늘어나는 느낌을 받아 뿌듯하답 ✅ 리팩토링 catbow convert 페이지를 고쳤다. 동영상 변환 후에도 영상이 담겨져 있어 이를 고쳤는데 단순 setInput("") 이걸 추가하는 것으로 간단하게 고쳤다. 코드를 보며 고칠 점 없나 계.. 2023. 3. 12. 2023.03.05, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 이번 주는 내내 가족과함께 시골에 내려가 박혀있었다 바람을 즐기는 우리 집 갱얼쥐.. 세상 다 산 줄... 때문에 노트북은 들고 갔지만 사실 공부는 많이 못해 사실 쉬어가는 주였던 거 같다 앞으로 공부 방향을 어떻게 잡아가야할지 고민을 계속 하면서 💪 2. 백엔드 공부는 위코드 자료를 조금씩 봤다. 의도치 않게 진도를 따라가다보니.. 로그인-회원가입을 하게 되었고 인증/인가에 대해서 다시한번 학습하게 되었다. 세션-쿠키 vs jwt localstorage 의 차이점이었는데, 면접에서 질문 받았을 때 똑부러지게 대답할 자신이 없어서 모른다고 했던 사항이라 그때를 상기하며 열심히 들여다보았다 ^_ㅠ 3. 확실히 이론만 들여다보는 것보단 코드를 직접 .. 2023. 3. 5. 2023.02.26, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 이번 주는 주로 왜 이 기술을 쓰는지에 대해서 나의 언어로 말할 수 있을 정도로 습득하는데 시간을 썼다. 예를 들면 왜 리액트를 쓰는지, 단점과 장점은 무엇인지 등등 가장 기본적인 이유도 막상 정리해 말하는 건 정말 어려운 일인걸 새삼 깨달은 주였다. 2. 본격적으로 node 백엔드 공부를 하기 전에 터미널 세팅을 했다. 세상 예쁜 내 터미널 ^___^ 누군가 만들어 놓은 세팅을 clone 받아 실행했는데 터미널 크기를 조정하면 요 밑 예쁜 타임라인(?) 이 여러개 뜨는 오류가 생기지만 터미널을 켤 때마다 넘나 즐거울 거 같다. 프론트는 보이는 게 중요하다구 ^__________^ 3. mySQL을 사용해 간단히 테이블을 만들고 삭제하는 것까지 .. 2023. 2. 26. 2023.02.19, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 다시 하얗게 불태운 이번 주... 오랜만에 무한스크롤을 구현했다. 무한 캐러셀도 구현해봤는데 생각보다 어렵지 않아서 재미있게 작업했던 거 같다. 무한스크롤은 observer 사용해서 구현했고 캐러셀은 setTimeout 사용해서 3초마다 아이디 id값 +1 해서 돌리는 방법으로 구현했다. 둘 다 멍때리고 보기 좋은 기능들이라 구현 후에 재밌게 멍을 때리기도 했다.(?) 2. next.js 는 어디가서 썼다고 말 못할 정도로 넘 구리게 썼다. 다행히 금요일에 동기와 함께 채팅 어플 리팩토링하며 나름 pages/api 폴더를 사용해서 auth 페이지에서 받은 user 정보를 서버로 post했고 이를 home 페이지에서 받아 getstaticprops.. 2023. 2. 19. 2023.02.12, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 하얗게 불태운 이번 주.... 밤낮 없이 채팅앱에 매달렸다. 솔직히 코드 손 봐야하는 부분이 정말 많은데.... 이렇게 하다간 끝도 없겠다 싶어서 회원가입 / 로그인 에러만 알람 띄워놓고 끝냈다... 비즈니스 로직 따로 훅으로 뺐었어야했는데... 방법이 있었을텐데 이것도 아쉬움이 남고 타입도 깔끔히 못 넣은 거 같아서 아쉬움은 크다... ssr 로직 사용도 못하고 useEffect로 몽땅 불러왔는데 이것도... 🫠 context API 리듀서로 관리 못한 것도... 그래도 코드가 의도대로 굴러갔고 next.js, firebase 를 썼다는 데에 의의를 두면 나름 뿌듯하다. 특히 next js 같은 경우는 해야지 해야지 하면서 겁 먹고 못하고 있었.. 2023. 2. 12. 2023.02.05, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. next + electron + firebase 를 요즘 열심히 공부하고 있다. 운 좋게 기업 과제를 받았는데 요 스택으로 채팅 어플을 구현하는 과제다. 완전 처음 쓰는 스택이라 겁 먹고 next 부터 차근 차근 공부했는데 생각보단 잘 풀리고 있어 다행인 거 같다. 아무래도 베이스는 react 다보니 완전 다른 세계는 아닌 듯 해 재밌게 구현하고 있다. 과제 쓴 스택은 nextron, ant-design(UI), emotionjs, firebase 이다. 아직 채팅 로직은 안 짰지만 Prop 때문에 contextAPI 도 쓰일 거 같긴하다. 2. next 정말 라우터 빼고 크게 다르지 않다는 느낌을 많이 받았다. ssr 관련해서 신경써야하는 통신.. 2023. 2. 5. 2023.01.29, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 이번 주 내내 기술 면접 대비를 했다. 질문과 답변을 적어서 공부하고 입에 열심히 붙였는데 준비하는데 이틀, 입에 붙이는데 하루 정도 걸린 거 같다. A4용지로 뽑아보니 16장이 나와서 매우 흥미로웠다 ^____^ 이제껏 구현을 하는 데만 신경쓰느라 작동원리나 cs 지식은 등한시 했었는데 기술 면접 준비를 하며 몰랐었던 지식들이 쫙 정리되는 느낌을 받아 뿌듯했다. ssr, csr 에 대해서 공부한게 가장 기억에 많이 남는데, 앞으로 next.js는 무조건 공부해야겠다는 생각이 들었다. 2. 사실 전체 데이터 한번만 받아서 filter로 데이터 나누는 연습하려고 만든 레포가 타입스크립트에서 ContextAPI 그리고 CreatPotal, emoti.. 2023. 1. 29. 기술 면접 공유사항 프론트엔드 요구사항 ( 리액트는 컴포넌트라는 레고 조각들을 사용해 레고를 만드는 것과 비슷하다고 생각합니다. 코드의 중복을 최대한 줄이려 UI와 로직들을 재활용하고자하고 이를 타인이 보아도 해당 로직을 쉽게 이해할 수 있고 필요한 로직을 폴더에서 쉽게 찾을 수 있게끔 관심사가 비슷한 상태나 로직을 모아서 작성하려 노력합니다. 👩💻프론트엔드 관련 ✅ git과 gitHub가 무엇인가요? -> git은 소스코드를 효과적으로 관리할 수 있게 하는 형상 관리 도구입니다. 분산형 관리 시스템이라는 데에 svn과 차이점이 있으며 중앙 서버에 장애가 발생해도 로컬 저장소를 이용하여 중앙 저장소의 복원이 가능합니다. -> gitHub 는 git 저장소를 관리하는 클라우드 기반 호스팅 서비스입니다. -> git 은 버전.. 2023. 1. 23. 이전 1 ··· 3 4 5 6 7 다음 728x90 반응형
