728x90 반응형 개발자 회고록25 2023.04.10, weekly memoirs weekly memoirs ✅ 공부 1. 정말 오랜만에 코딩테스트 대비 겸 pure 자바스크립트를 공부했다. + html, css, scss... 어차피 "react도 자바스크립트 문법 쓸 수 있는데 ㅎ" 하면서 자바스크립트에 자만해 있었는데 ( + 현업에서는 react나 vue 같은 라이브러리/프레임워크로 구현하니까 크게 신경쓰지 않았던 것도 있음) 막상 간단한 것도 테스트겸 구현하려니 이벤트 리스너도 헷갈려서 당황이 컸다. 또 js-in-css 에 너무 익숙해져있다보니 간단한 scss 문법도 찾아보면서 하게 되고 ;;; (이때 충격 받음) 구현을 하는 게 아니라 이런 내 당황하는 내 모습에 더 당황해서 뭔가 당혹스러운 느낌도 받았다. 앞으로 좀 자바스크립트랑 친하게 지내야겠다는 생각을 많이 했던 기회.. 2023. 4. 10. 2023.04.02, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 포트폴리오를 만들고 있다. 디자인 때문에 너무 힘들어서 레퍼런스 찾아봤다가 엄청난 인터렉티브 UI를 보았다. 코드 구경가니 scss 로 만드셨던데 페이지가 scss라 훨씬 가볍게 돌아갔던 건가? 하면서도 scss 만으로도 이렇게 구현할 수 있구나 하는 당연한 생각을 한 거 같다. 지금 포트폴리오는 emotion.js 를 사용하고 있는데 코드를 재활용하려고 용을 쓰다보니 왜 아토믹 디자인이 만들어졌는지 이해가 가기도 했다. 아토믹 디자인 방식은 아니지만 이제껏 써보지 않은 방식으로 한번 써보았는데 👇 카드 공통 컴포넌트 //src/common/Card.tsx /** @jsxImportSource @emotion/react */ import styl.. 2023. 4. 3. 2023.03.26, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 이제... 드디어 포트폴리오를 만들 때가 되었다 🤗 한 페이지로 react 사용해서 만드려하는데 생각보다... 디자인의 벽이 커서... 놀라고 있다... 내가 이렇게 디자인 감각이 없었나..? 내일은 코드를 작성하기보단 레퍼런스와 코드를 좀 찾아봐야할 거 같다... 기획이 튼튼해야 나중에 덜 고생한다... 포트폴리오 만들면서 ts랑 emotion.js 사용한 김에 보일러 플레이트 레포 하나 만들었다. 진짜 세팅하는 거 너무 귀찮았는데 (특히 타입 때문에) 이번 기회에 잘 만들었다 느낀다. 2. 아키텍처가 중요하다길래 찾아보았는데 react의 hook 이 나온 이후로는 딱히 그렇다할 유명한 아키텍처가 없어서 놀랐다. 찾아보니 아토믹 디자인 정도.... 2023. 3. 26. 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.01.15, weekly memoirs weekly memoirs 이번 주에 한 일 ✅ 공부 1. 신청해두었던 프리온보딩 챌린지가 시작되었다. 코스와는 다르게 2주간 짧게 진행되고 강의과 과제만 있는 형식이라 여유있게 듣고 있다. 특히 강의가 리액트쿼리로 투두리스트 구현하고 리팩토링하는 방향으로 흘러가 많이 흥미롭다. 다른 분들 보니까 다들 쿼리+타입스크립트+유즈폼+스타일 컴포넌트 사용하셔서 구현하셨던데 딱 내가 프로젝트때 썼던 스택들이라 공부가 많이 되는 거 같다. 2. 오랜만에 리액트 공식문서를 읽었다. 생각보다 재밌게 읽었고, 고차 컴포넌트에 대해서 흥미롭게 보고 프리온보딩 강의를 들었는데 이걸 적용하신 분이 best practice로 뽑히셔서 놀랐다. 이런 우연이... ✅ 코딩테스트 슬슬 1단계 쉬운 것도 다 풀어가는 거 같다. 문제 .. 2023. 1. 15. 2023.01.08, weekly memoirs weekly memoirs 이번 주 공부한 메모 이번 주에 한 일 ✅ observer 블로깅 기술 면접 대비하면서 observer를 다시 공부했다. 언제나 봐도 새로운 Observer지만 어느 정도 자신감이 붙은 거 같다. 준호님의 cleanUp이 필요없는 무한 스크롤 로직도 오늘 제대로 이해한 거 같아서 나름 뿌듯하다. 얼른 catbow에 catbow 라이브러리 적용하면서 observer를 더 심도있게 파보고 싶다 ☺️ ✅ 코딩테스트 월요일에 기업 코딩테스트를 진행했다. 생각보다 어려운 문제는 아니었지만 테스트에서 효율성 점수는 탈락했다. 찾아보니 알고리즘을 이용해서 푸는 게 좋다고하는데 요것도 공부를 해야하나 고민이 많다 🤔 하루에 한 시간씩 공부해보면 어떨까 싶다 ✅ 캣보우 캣보우 convertPa.. 2023. 1. 8. 이전 1 2 3 다음 728x90 반응형
