본문 바로가기

전체 글41

공식문서로 ref 알아보기 1. Why?원래 다른 글부터 쓰다가 이걸 설명해야 할 것 같아서 이 글을 먼저 작성한다.이 남자는 블로그 글을 컴포넌트처럼 나눠드립니다.공식문서의 흐름을 따라서 ref로 값 참조하기, ref로 DOM 조작하기를 설명하고 그 다음 forwardRef를 볼 예정이다. 다만 아직 공식문서가 번역이 이뤄지지 않았기에 정재남님이 번역한 React 공식문서 비공식 번역판을 참고해서 글을 작성하겠다.2. ref로 값 참조하기4년간 철학 수업을 들으면서 느낀건 언제나 개념을 정의하는게 가장 중요하다는 것이다. ref의 개념부터 정의해보자.ref는 reference를 의미하며, 한국말로는 참고, 참조를 뜻한다. 최신 공식문서에는 다음과 같이 적혀있다.When you want a component to “remember.. 2023. 11. 1.
전역 상태 관리 라이브러리들(Redux, Recoil, jotai, zustand...) 작년에 멋쟁이 사자처럼을 하면서 Front에 입문했는데, 그 때 나를 가장 고통에 빠트린게 바로 Redux였다. html, css와 함께 즐겁게 배우다가 Js와 React를 거치면서 점점 어려워지더니 Redux라는 '전역 상태 관리 라이브러리'의 등장은 정말...물론 꽤 예전 이야기라, 새싹톤과 StarGate에서는 각각 Redux와 Recoil을 사용했고, 이번 프로젝트에서는 Jotai를 사용하고 있다. 이렇게 여러가지 라이브러리를 사용하면서 각자의 장단점에 대해서 알게 되었고 이에 대해서 글을 적어보려고 한다. 우선 Flux 패턴의 대표주자인 Redux와 Atomic 상태 관리의 대표 Recoil을 비교해보고(Proxy의 대표주자인 Mobx는 안써봐서 다음 기회에...), Redux에서 영감을 받은 .. 2023. 9. 13.
🌱새싹톤 <모두의 지하철> 회고 5월 중순부터 6월 중순까지 서울의 문제점을 해결하기 위해 서울시와 구름이 주최한 새싹톤에 FE개발자로 참여하였다. SSAFY 1학기는 개발 학습과 간단한 토이 프로젝트 정도만 진행하기에 프로젝트에 목마른 사람들이 많았고, 나를 포함한 SSAFY 동기들 3명이서 팀을 이뤘다. 5명을 채워서 진행하는 해커톤이였기에 외부에서 섭외한 기획자/디자이너 각 1분씩을 섭외해 참여했고, 적극적으로 함께 기획한 결과 1, 2차 예선을 무사히 통과해 본격적으로 개발에 들어가는 본선까지 참여할 수 있게 되었다. 🚇프로젝트 GitHub GitHub - Legitgoons/Everyones-Subway Contribute to Legitgoons/Everyones-Subway development by creating an .. 2023. 8. 28.
Atomic Design Pattern 도전기 이번 포스팅은 SSAFY 2학기 공통 프로젝트에서 Atomic Design Pattern에 도전하다가 겪은 문제점과 그 결론이다. 참조한 글은 아래와 같다.더보기https://velog.io/@teo/Atomic-Design-Pattern Atomic Design Pattern의 Best Practice 여정기좋은 폴더 구조란 무엇일까요? 가끔씩 이 파일을 어디다 두면 좋지? 라는 생각이 들때가 있습니다. 하지만 막상 아무데나 두어도 어차피 폴더로 찾아가지 않고 파일명을 검색해서 찾아가기에 대velog.iohttps://velog.io/@ubermensch0608/React-%ED%8F%B4%EB%8D%94-%EA%B5%AC%EC%A1%B0-%EC%84%A4%EA%B3%84%EC%97%90-%EB%8C%.. 2023. 7. 31.

티스토리툴바