728x90 전체 글100 zustand를 상태관리 라이브러리로 선택한 이유 vue에 비하면 react는 상태 관리 라이브러리가 정말 많다.Vue에는 Vuex라는 사실상 공식 솔루션이 있고, Composition API 이후로는 Pinia가 자연스러운 대안으로 자리 잡고 있지만React는 최소 떠오르는 것만 5개였다... 리액트에 포함된 Context Api를 물론 최적화해서 쓸 수 있는 방향도 있다.하지만 팀으로 작업을 하다보면 빼먹을 수도 있는 부분이 생기고 아무래도 개인으로 하는 것보다는 사이즈가 큰 프로젝트이다보니 안전한 방향으로 갈 수 있는 라이브러리를 도입하기로 했다. 이러한 기준을 두고 라이브러리를 선택하기로 했다. 러닝 커브가 낮고 직관적인 API협업 시 구조 파악이 쉬울 것필요 시 확장성 확보 가능타입스크립트와 궁합이 잘 맞을 것Next.js 환경에서도 안정적으로.. 2025. 5. 28. 프론트엔드 면접 회고 - 인공지능 사용에 넘어서 본질에 관심을 가지자 1차 실무진 면접 회고 모 기업의 면접을 좋은 기회로 갈 수 있는 기회가 생겼다.취업준비중에 보게된 첫 면접자기소개부터 너무나도 떨렸지만 전체적으로 좋은 분위기를 유지했다고 생각한다. 다만 아쉬웠던 점은 1. 대답 전에 구조 먼저 잡기대답을 하기전에 전체적인 개요를 머리에서 빨리 정리해볼 것생각과 동시에 말을 하다보니 말을 하던중에 질문에 대한 초점을 잃고 둘러간 대답을 한 것면접관이 다시 한 번 질문을 하게 한 것! -> 가장 큰 실수라고 생각한다.물론 유쾌하게 넘어가주셔서 다행이라고 생각한다앞으로는 대답하기 전 전체적인 틀을 생각하고 넓혀가는 방식으로 5초만이라도 정리하고 말하는 연습을 해보려 한다.(면접에서 노트필기는 안되나요 ㅎㅎ...?) 2. 인공지능에 대해서는 답을 아예하지 못함간략하게 알고 .. 2025. 5. 21. [CI/CD] github action 워크플로우 사용해보셨나요? 넵 사용해봤습니다.어떤 파이프라인으로 구성하셨죠?CI/CD에서 겪은 문제점이있나요?이러한 질문이 나오지 않을까 예상해본다 요즘 대부분의 채용공고에서는 프론트엔드, 백엔드 구분없이 CI/CD 사용 여부를 우대사항에서 판단하는 듯하다.이전회사에서는 gitLab CI/CD를 사용하긴 했지만 내가 세팅한 것도 아니였고 그냥 정말 사용만해본것이라..ㅎㅎ협업프로젝트도 시작했으니이번 기회에 처음부터 세팅을 해보고 어떻게 활용하면 좋을지 확인해보려고 한다. 우선 CI/CD의 정확한 뜻부터 다시 알고 가야 할 것 같다. CI (Continuous Integration) - 지속적 통합지속적 통합...무슨말인지 솔직히 잘 안 와닿는다지속적 통합이 없다면 기능 개발->테스트-> 배포의 방식으로 이루어 질텐대 이 과정이 기간.. 2025. 5. 19. 과제 테스트 회고 - 4일간의 테스트동안 나는 과연 뭘 얻었나 4일동안 개발 가능한 테스트를 과제로 전달받았다.가장 고민이 많았던 부분은 알집을 풀어서 해당 알집들의 파일을 트리로 구현하는 것이였다.최적화를 어떻게 해야될 지 코드 짜는 와중에도 제법 시간을 할애했던 것 같다. 이 부분을 제외한 다른 부분은 사실 큰 어려움이 없었다.번들사이즈를 최소화하고 초기 렌더링 시에 불필요한 렌더링 안하게 하고 최대한 빠르게 유저가 볼 수 있도록 했다. 트리 최적화 방식 고안depth가 굉장히 깊을 경우를 고려해서 root 경로에 있는 폴더와 파일만 보여주기로 결정했다.Viewport 기준으로 렌더링 하는 방식도 추가로 고려했어야함폴더 클릭 시 그때 그때 하위 파일들을 보여줌 → Lazy loading한번 클릭한 폴더의 하위 파일은 caching{ { name: "fo.. 2025. 5. 16. 코드잇 프론트엔드 단기심화 3주차 회고 벌써 3주차다 다음주면 강의도 3일만 더 들으면 종료!시간 정말빠르다ㅠㅠ....이번주는 테스트 코드 위주로 강습이 진행됐다. jest, React Testing Library를 배웠는데 둘 다 사용해본적이 없다. 서버 테스트는 mocha랑 프론트엔드 e2e테스트를 cypress로만 적용해왔었다. 사실 테스트코드 작성하면 너무 좋은 걸 알고 있긴하지만 테스트 코드 작성에 드는 비용 또한 무시할 수 없기 때문에 정말 필수적으로 해야되는 테스트, 반복적으로 진행되는 테스트 위주로 코드를 짜곤 했었다.그렇기에 유닛테스트는 많이 경험해본 적이 없었는데 이번 기회에 유닛테스트를 좀 자세히 배울 수 있는 기회가 되었다. 컴포넌트단에서는 유닛테스트를 뭔가 크게 많이 할 거 같진않고 커스텀훅이나 비지니스로직 구현부분에.. 2025. 5. 12. 코드잇 프론트엔드 단기심화 2주차 회고 벌써 2주차가 지났다. 그러는 와중에 5월이 시작된 걸 보니 올해는 정말 순식간에 지나갈 것 같다.시간이 지나가는 만큼 나도 성장을 해야할텐대~!~! 이번주에는캡틴판교님의 프론트엔드 공부법에 대한 특강도 들을 수 있는 기회가 있었다.사실...나는 대부분의 사람들이 공부법은 알고 있을 것이라 생각한다 다!만! 실천하기 힘들뿐ㅎㅎㅎㅎㅎ그래서 질의응답시간이 더 좋았다. 가장 인상적이였던 질문과 대답은 react를 잘 알지 못해도 HTML, CSS, JS를 잘 하면 취업이 가능하다는 것이 말은 결국 기본 토대가 가장 중요하다는 뜻이라고 생각한다css모르는데 tailwind 바로 쓰는 건 가능은 하겟지만...말이 안된다고 생각한다JS모르는데 react를 할 수 있나? 가능은 하겟지..근데 기초공사 토대공사 없이.. 2025. 5. 4. 이전 1 2 3 4 5 ··· 17 다음 728x90 반응형
