Frontend 개발자 - hyo.loui

📝 WIL: Weekly I Learned Work done this week 이번 주 끝낸 일! 티스토리 포스팅 = 매일 TIL 일지 (Study 내용 기록) 취업 스터디 = 매일 기술질문 2문제, 이력서 피드백 React : 프리온보딩 프론트엔드 챌린지 = 강의 수강 ( 원티드 주관 Zoom 강의 ) 매일 스터디 활동 = 자료구조, 알고리즘 ( 발표자료 블로그 포스팅 작성 ) 매일 알고리즘 문제 풀이 = 프로그래머스 ( 매일 2문제 ) Study review 자료구조, 알고리즘을 발표하면서 느낀점은 내가 지금까지 알고리즘 풀이 방법이 너무 막 풀었다고 생각했다. 이렇게 많은 방법론과 데이터 구조를 숙지하고 공부했다면 일관성있는 알고리즘 풀이를 했을 것 같다. 하지만, 나만의 풀이 방법대로 진행하면서..

❤️‍🔥TIL : Today I Learned Redux / Recoil Redux 와 Recoil을 비교하여 설명합니다. Redux 상태 관리 개념 구조 flux패턴을 사용하여, action이 발생하면 dispatcher에 의해 store에 변경된 사항이 저장되고, 그 상태에 의해 view가 변경되는, 데이터가 한 방향으로 흐르는 구조를 갖는다. + ESLint Store: 애플리케이션의 상태를 보유하는 객체입니다. 모든 상태는 하나의 스토어에 저장됩니다. Action: 상태를 변경하기 위해 발생시키는 이벤트입니다. 액션은 객체 형태로 정의되며, 액션에는 타입과 데이터가 포함됩니다. Reducer: 액션을 처리하고 새로운 상태를 반환하는 순수 함수입니다. 액션의 타입에 따라 reducer가 처리되고, ..

❤️‍🔥TIL : Today I Learned props, state 리액트(React)에서 props와 state는 둘 다 컴포넌트(Component)에서 데이터를 다루는 데 사용되는 중요한 요소입니다. 그러나 이 둘은 약간의 차이점이 있습니다. Props 란? - props는 컴포넌트에서 데이터를 전달하는 데 사용됩니다. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용됩니다. props는 읽기 전용(Read-only)이며, 부모 컴포넌트에서 전달한 데이터를 자식 컴포넌트에서 변경할 수 없습니다. + ESLint State 란? - state는 컴포넌트 내부에서 관리되는 데이터입니다. 컴포넌트가 렌더링될 때 생성되며, 컴포넌트의 생명주기(Lifecycle) 동안 변경될 수 있습니다. sta..

❤️‍🔥TIL : Today I Learned useRef React에서 DOM 노드, react 엘리먼트에 접근하는 방법인 useRef를 설명합니다. useRef 란? - Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공합니다. useRef는 컴포넌트의 라이프사이클 동안 유지되는 가변 변수를 생성하는 React Hook입니다. 이는 일반적으로 DOM 요소나 컴포넌트 내부 또는 자식 요소에서 엑세스 또는 업데이트해야하는 값을 저장하는 데 사용됩니다. 이를 통해 다시 렌더링을 트리거하지 않고도 해당 값에 접근하거나 업데이트 할 수 있습니다. Ref를 사용해야 할 때 포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리할 때 애니메이션을 직접적으로 실행시킬 때...

📝 WIL: Weekly I Learned Work done this week 이번 주 끝낸 일! 티스토리 포스팅 = 매일 TIL 일지 (목적 , 정리로 세분화) 모던 자바스크립트 Deep Dive = 스터디 발표 마무리 ( 발표 ) 취업대비반 = 일일 2개 면접질문 준비 (주제: cs 및 js) Group Study review 총 4명이서 진행한 모던 자바스크립트 : Deep Dive 스터디 그룹이 매일 반복해 약 20분씩 4명이 돌아가며 발표하였고 그렇게 총 시간 1달 가량 꾸준하게 본인이 맡게 된 챕터를 발표했다. 진행 과정에서는 서적의 분량이 꽤나 많고 어려운 용어들이 다소 등장해서 당황스러운 부분도 있었다. (900페이지 이상...) 하지만 누구 하나 빠지지 않고 꾸준하게 발표 자료도 정리하고..

❤️‍🔥TIL : Today I Learned React v18.0 원티드 프리온보딩 프론트엔드 챌린지 질문에 대한 답변입니다. 1. React Lifecycle에 대해 간단히 설명해주세요 React Lifecycle은 컴포넌트 생성, 업데이트, 소멸할 때 일어나는 과정입니다. ( Mount - Update - Unmount ) Mount componentDidMount : 컴포넌트가 마운트 된 후에 호출됩니다. DOM 노드에 접근하거나 외부 데이터를 가져오는 등의 초기화 작업에 사용됩니다 Upadate componentDidUpdate: 컴포넌트가 업데이트 된 후에 호출됩니다. 이전과 현재의 props나 state를 비교하여 필요한 업데이트를 수행합니다. Unmount componentWillUnmo..

📝 WIL: Weekly I Learned Work done this week 이번 한 일! Project : Codefolio = 프로젝트 진행중 ( 폴더링, 중간 발표, KTP 회고 ) 배운 내용 컴포넌트 별 작업 후 페이지에 적용 supabase 연동하여 서버통신 Next에서의 dev dependency array Project review 테스크 관리, 프로젝트 프로세스가 잘 진행되는 깊은 팀 프로젝트 경험을 하고 있습니다. 더욱 발전 되도록 기여하고 싶습니다! 3주차 중간 발표 튜터님 피드백 최종 발표시 + 부가설명이 필요. readme 데이터 모델링 추가. 트러블 슈팅 아주 칭찬합니다. 버그 개선하여 최종 발표까지 준비 잘 하길. 중간 발표에서는 캠프 측에서 7분의 발표시간을 꼭 준수해달라고 ..

3주차까지의 후기 및 소감 3주차까지의 후기 및 소감 A new tool for teams & individuals that blends everyday work apps into one. www.notion.so 1. MVP 중간발표 자료(기입) https://drive.google.com/file/d/1KOrHStRDEbr5ntKfacaeIZujRm3_U3Iy/view?usp=share_link codefolio-중간발표 drive.google.com 2. 기술적 의사결정 & 트러블슈팅 기록 라이브러리 선정 https://github.com/react-challengers/Codefolio/issues/44 https://github.com/react-challengers/Codefoli..