Frontend 개발자 - hyo.loui

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

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

❤️‍🔥TIL : Today I Learned require와 import의 차이점, 배열, 객체를 const로 선언 후 요소나 속성을 추가할 수 있는 이유 .require와 import의 차이점과 상황 예시 require: CommonJS 키워드. NodeJS가 채택 CommonJS: 자바스크립트 언어의 활동 영역을 확장하기 위해 조직된 그룹 module.exports 객체에 모듈 전체를 내보내고 require 를 통해 모듈을 불러오는 방식 → 불필요한 모듈 로드 가능성 require : 가져오기 exports : 내보내기 module.exports : 내보내기 import: ES6 키워드 import : 가져오기 export : 내보내기 export defaults : 내보내기 파일 시작 부분에서만 ..

📝 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 모듈 모듈을 설명하고 추가 지식을 공유합니다. 모듈의 일반적 의미 - 모듈이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. - 모듈이 성립하려면 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다. 전역 X - 기본적으로 비공개 상태이다. 파일 스코프를 갖는 모듈의 모든 자산은 캡슐화 되어 다른 모듈에서 접근할 수 없다. 즉, 모듈은 개별적으로 존재하여 애플리케이션과 분리되어 존재한다. - 하지만, 개별적으로 존재하는 모듈은 재사용이 불가능하므로 존재 의미가 없다. 모듈은 재사용되어야 의미가 있다. 모듈은 공개가 필요한 자산에 한정하여 명시적으로 선택적 공개가 가능하다. 이를 export라 한다. 모듈 사용자는 모듈이 공..

❤️‍🔥TIL : Today I Learned 에러 처리 에러 처리의 필요성 에러는 언제나 발생할 수 있다. 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료된다. 에러 처리의 필요성 console.log('[Start]'); foo(); // ReferceError : foo is not defined // 발생한 에러를 방치하면 프로그램은 강제 종료된다. console.log('[End]'); 위 예시 코드에서 [End] 가 출력되지 않는다. 이러한 현상이 프로젝트에서 발생한다면... 끔찍하다. - try...catch console.log('[Start]'); try { foo(); } catch (error) { console.log('[에러 발생]', error); // [에러 발..