프론트엔드3 [디벨로퍼] 채용 사이트 프로젝트 14 [프로필 페이지]feat: 공통 레이아웃 작업(좌측 컨트롤러) feat: 다이얼로그 추가(네트워크 연결, 이름 변경, 휴대폰 번호 변경, 비밀번호 변경, 회원 탈퇴)feat: 페이지 추가(추천 네트워크 설정, 알림 설정, 계정 관리) ---- 작업을 하면서 내가 CSS에 많이 약하다는 생각이 들었다. 주로 차크라UI에서 래핑해놓은 컴포넌트를 가져가다 쓰다보니, CSS적 사고 방식이 낯선 것 같다. 보통 다른 프레임워크에서는 속성이 안 먹으면 공식문서에서 찾아보다가 문제가 해결되는 식이다. 근데 차크라UI 쪽에서 커스텀이 안 되는 부분은 CSS를 건드려야 하는데, 계속 그쪽 공식문서만 보고 있으니까 일이 진척이 안 된다... 생각보다 CSS쪽이 FE개발의 복병인 것 같다. UI개발 분야의 속도는 결국 .. 2025. 3. 17. [디벨로퍼] 채용 사이트 프로젝트 4 오늘의 작업1. 오른쪽 뷰 쪽에 정보 아이콘 누르면 나오는 다이얼로그 추가2. 채용 공고 페이지 반응형 UI 작업(하단 채용공고 리스트, 우측 뷰와 중간뷰, 하단 버튼 처리)3. 사진 영역에서 크기가 커지지 않는 이슈 수정(width를 안 주고 min-width를 줬다)4. 오른쪽 뷰 스티키 처리(탈부착 느낌) 솔직히 내 입장에서 모작이라고 해봐야 '별의 커비' '테라리아' 같은 게임이나 '메타마스크 UI' 따라해본 경험밖에 없다. 근데 실제로 잘 동작하는 웹페이지를 Front단으로 구현하려고 하니 은근히 빡세더라. 특히 반응형쪽은 UI자체가 생소한 편이라 신기한 느낌이다. 기본적인 반응형UI 컨셉은 앱 개발쪽도 비슷한 것 같다(뷰 띄워놓고 특정 조건에 맞춰서 보이거나 가리기) 다만 웹 개발쪽이 더욱 민.. 2025. 3. 4. React Query와 Axios에 대한 개인적인 생각 오늘은 개인적으로 React Query 라이브러리가 끌리지 않는 이유에 대해 적어보려고 한다. 사실 React Query 라이브러리가 나쁘다고 생각하지 않으며 캐싱, 데이터 fetching 부분에서 좋다고 본다. 정말 지극히 개인적인 의견에서 적어보는 글이다. https://ravirathore.com/reactjs/react-query-vs-axios/다음글에 따르면 리액트 쿼리의 경우에는 '비동기 데이터 가져오기' '캐싱'을 목적으로 사용하며 Axios는 일반적인 HTTP 요청을 자바스크립트 환경에서 하기위해 사용한다고 한다. 또한 React Query는 리액트를 중심으로 하지만, Axios는 자바스크립트 기반의 프레임워크에서 모두 사용할 수 있다. 1. 캐싱의 부분에서 리액트 쿼리는 빌트인 기능.. 2025. 3. 1. 이전 1 다음