Frontend 개발자 - hyo.loui

🎯목적 : Algorithm 문제풀이 과정을 기록합니다. 나만의 해결방법을 공유합니다. 1️⃣ 문제 링크와 문제 2️⃣ 풀이 전 계획과 생각 (수도 코드) 3️⃣ 풀이 (코드 블록 첨부) 4️⃣ 풀이하면서 막혔던 점과 고민 5️⃣ 풀이 후 알게된 개념과 소감 문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/12935 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴..

📝 WIL: Weekly I Learned Work done this week 이번 주 끝낸 일! 면접 질문 준비 = 목터뷰 활용, 개인 노션 정리 (면접 질문 스터디) 면접 2번 = 신입 면접 질문 포스팅 (면접 질문 공유) 매일 알고리즘 문제 풀이 = 프로그래머스 ( 매일 2문제 ) Study review 알고리즘 문제를 풀면서 느끼는 것은 조금 중독이 되어가고 있다. 문제를 마주하고 내가 세운 가설을 풀어나가는 과정에서 오는 카타르시스와 해결 후 뿜어져 나오는 도파민이 엄청났다. 하지만 전부 좋은 방법으로 해결하는 것은 아니였다. 다른 사람의 문제풀이를 보고 더 좋은 방법이 많이 있어서 마치 코드리뷰를 하는 효과를 볼 수 있다. 때문에 알고리즘 풀이를 하는 개발자라면 꼭 다른 사람 풀이를 보는 것을..

🎯 WHY? : 프론트엔드 개발자로 지원하여 면접 전형에서 받은 질문을 공유합니다. 주니어 개발자분들에게 조금이나마 도움이 되시길 바랍니다 1. 기술 질문 - 바닐라 자바스크립트에서의 에러나 예외처리 한 경험이 있나요? - forEach랑 map의 차이점은 무엇인가요? - 비동기 언어와 동기 언어가 무엇인지? - css 활용 잘하는지? - React 라이프 사이클 useEffect useCallback에서 의존성은 어떻게 관리되는지? - 비동기 처리 경험과 어떤 상황에서 주로 사용하는지? - next.js 활용하면서 좋았던 점, 어려웠던 점 - 어떤 상태관리 사용했는지 왜 사용했는지, 그럼 상태관리 하면서 어떤 경우에 활용했고 어떤 데이터를 다뤘는지? - 서버에서 받아오는 데이터 구조가 복잡한 경우를 어..

❤️‍🔥TIL : Today I Learned indexOf / findIndex 알고리즘 문제를 풀며 제가 문제를 푼 방식은 findIndex 였지만, 다른 문제풀이 방식에서 indexOf 로 푼 해답을 보고 차이점이 궁굼해서 공부하며 TIL을 작성합니다. 배열 메서드인 indexOf와 고차함수인 findIndex의 차이점을 설명합니다. 아래 설명하는 메서드는 배열에서만 사용이 가능합니다. Array.prototype.indexOf() arr.indexOf(searchElement[, fromIndex]) - indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다. 알고리즘 문제를 풀며 많이 사용하는 indexOf는 배열의 인자를 콕..

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

❤️‍🔥TIL : Today I Learned 트리, 그래프 비선형 구조인 트리와 그래프에 대해서 비교하고 설명합니다. 2023.04.06 - [Algorithm] - 선형 구조와 비선형 구조 선형 구조와 비선형 구조 ❤️‍🔥TIL : Today I Learned 선형 구조와 비선형 구조 선형 구조와 비선형 구조를 이해하고, 둘의 예시를 설명합니다. 선형 구조와 비선형 구조 1. 선형 구조(Linear) - 앞서 다뤄본 리스트와 연결리 hyoloui.tistory.com 트리 란? Tree 특징 - 나무를 거꾸로 뒤집어 놓은 듯한 구조이다. - 그래프의 여러 구조 중 무방향 그래프의 한 구조로 하나의 뿌리로부터 가지가 사방으로 뻗은 형태. - 하나의 데이터 뒤에 여러 개의 데이터가 존재할 수 있는 비선형..

❤️‍🔥TIL : Today I Learned 선형 구조와 비선형 구조 선형 구조와 비선형 구조를 이해하고, 둘의 예시를 설명합니다. 선형 구조와 비선형 구조 1. 선형 구조(Linear) - 앞서 다뤄본 리스트와 연결리스트, 스택과 큐 는 선형구조로 자료를 구성하는 원소들을 하나씩 나열시킨 형태이다. - 자료들간의 앞, 뒤 관계가 1:1의 관계로 배열과 리스트가 대표적이며 스택과 큐도 이에 해당된다. 2023.04.05 - [Algorithm] - 연결 리스트 || 링크드 리스트 연결 리스트 || 링크드 리스트 ❤️‍🔥TIL : Today I Learned 연결 리스트 링크드 리스트라고 부르기도 하고, 연결 리스트라고 부르기도 합니다. 연결 리스트란? - 연결리스트(Linked List)는 리스트의 ..

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