Homile

📗 오늘 한 일 알고리즘 문제풀이 (리트코드 3문제) [easy] Pascal's Triangle II Pascal's Triangle와 같은 알고리즘 방식을 사용하지만 입력된 index의 1차원 배열만 출력한다. [easy] Best Time to Buy and Sell Stock 가격이 들어있는 배열의 인덱스번호 + 1은 날짜이다. 적은 가격에 매수해서 가장 큰 이익을 볼 수 있는날 매도하고 이익을 구하는 문제이다. 간단하게 배열을 탐색하면서 풀면 쉽게 풀 수 있다. [easy] Valid Palindrome 특수문자, 공백이 포함된 문자열을 특수문자, 공백을 제외하고 정방향으로 읽었을 때와 역방향으로 읽었을 때 같은지 확인하는 문제이다. 문자열을 filter 메서드를 사용하여 특수문자, 공백을 제외..

📗 오늘 한 일 알고리즘 문제풀이 (리트코드 3문제) [easy] Climbing Stairs 정수 n이 되는 경우의 수를 구하는 문제 (동적프로그래밍) [easy] Merge Sorted Array 배열 합치는 문제 splice와 sort 메서드를 사용하면 쉽게 풀 수 있다. [easy] Pascal's Triangle 삼각형으로 값을 더해서 내려주는 문제이다. 프로그래머스 3단계의 정수삼각형 문제랑 비슷하다. 면접준비 나만의 포트폴리오 사이트 Skills 컴포넌트 구현 스택 필터 버튼 클릭시 프론트엔드, 백엔드, 배포, 기타에 대한 이미지 출력 스택 이미지 hover시 scale 1.1 확장 ✍ Diary 오늘은 주간 내용을 정리하며 Skills 컴포넌트 구현을 끝내고 조금 쉬어가며 학습했다. 내일부..

📗 오늘 한 일 알고리즘 문제풀이 (리트코드 3문제) [easy] Search Insert Position target과 일치하는 인덱스 번호를 찾거나 없을 경우 몇번째 인덱스에 삽입할 수 있는지 찾는 문제 처음에 findIndex를 사용해서 일치하는 인덱스만 찾았다. 통과되지 않아 문제를 다시 보고 나서 바로 풀 수 있었다. [easy] Plus One 정수하나씩이 담긴 배열을 하나의 큰 정수로 만들고 +1을 해주고 다시 배열로 반환하는 문제 처음에 join을 사용해 합쳐주고 +1을 한 후 문자열로 만들어 split해서 반환했지만 맨앞이 0인경우가 해결되지 않아서 for문으로 배열의 뒤에서 부터 순회하여 더해주었다. [easy] Add Binary 이진 문자열 2진수를 더한 값을 반환하는 문제 pars..

📗 오늘 한 일 토스 코딩테스트 토스증권에서 2년차 이하 (신입포함) 공채를 뽑는다고 해서 지원했고, 오늘 코딩테스트를 진행하면서 내가 부족한 부분이 어떤것인지에 대해서 깨닫게 되는 계기가 되었다. 나의 실력을 평가할 수 있고, 앞으로의 취업준비 기간에도 도움이 될 경험이었다. Next.js 학습 나만의 포트폴리오 사이트 Footer 구현 기본적인 내용 구현 Skills components 구현 스킬 컴포넌트 디자인 수정 수정된 디자인으로 구현 중 객체 string key 접근 시 compile 에러 발생 el[selectSkill] 타입스크립트로 하니 타입을 지정해야하는 번거로움이 조금 생기긴 했지만 실제 현업에서 API를 받을 때는 정확한 타입을 알 수 있어서 좋을 것 같지만 이와 같은 객체에 문자열..

📗 오늘 한 일 리트코드 문제풀이 (4문제) [easy] Longest Common Prefix 문자열들중 가장 긴 공통 접두사를 찾는 문제 [easy] Valid Parentheses 유요한 괄호인지 확인하는 문제 (ex. (] = false, () = true) 해당 문제는 백준, 프로그래머스에도 동일한 문제가 나온다. [easy] Remove Duplicates from Sorted Array 정렬된 배열에서 중복되는 정수를 하나만 남기는 문제 [easy] Remove Element 정수들이 들어있는 배열에서 val과 같은 정수를 제거하고 빈공간은 앞으로 당기는 문제 프로그래머스 이전 문제 풀이 복습 면접준비 개발의 정석이라는 어플에 나오는 질문 리스트와 동기분들이 받은 질문리스트대로 학습중이다. ..

📗 오늘 한 일 리트코드 문제풀이 (3문제) 백준과 리트코드 중에 많은 고민을 했다. 백준은 한글이고 한국에서 알고리즘 연습으로 많이 사용되는 사이트이다. 하지만, Javascript로 풀때 입력값을 받아오는 것을 계속 모듈로 작업해야하고, 이미 많은 문제를 풀었어서 리트코드로 선택을 했다. [easy] Two Sum 배열에 있는 정수 2개의 합이 target과 맞는 정수의 인덱스 번호를 출력하는 문제 [easy] Palindrome Number 정수를 반대로 돌렸을 때 같은지 판별하는 문제 (121 => true, 122 => false) [easy] Roman to Integer 로마문자에 정수를 할당해서 계산하는 문제 (I V 같은 경우도 판별해야함) 면접준비 개발의 정석이라는 어플에 나오는 질문 ..

📗 오늘 한 일 Javascript 알고리즘 문제풀이 프로그래머스 문제 [level2] 구명보트 단순하게 완전탐색으로 푸는 문제였지만 효율성이 걸렸다. 내림차순으로 할 경우 성공이 되지만 오름차순으로 할 경우 실패한다. 이유는 나의 로직 문제였다. 내 로직은 내림차순으로 할 경우만 성공할 수 있는 코드였기 때문이다. [level2] N개의 최소공배수 최소공배수를 찾는 문제는 너무 많이 풀어봤던 것 같다. 최대공약수를 유클리드 호제법을 통해서 찾으면 최소공배수를 풀 수 있다. [level1]기사단원 level1문제 였지만 위의 level2문제들보다 생각해야 할 것이 많았던 문제 같다. 약수의 개수를 구해서 조건에 맞게 총 합을 계산하는 간단한 문제인줄 알고 처음에 접근했으나 시간까지 고려해야 했다. 그렇기..

📗 오늘 한 일 Javascript 알고리즘 스터디 (21:00 ~ 22:10) 한주간 3문제를 선정하여 문제를 풀고 나의 코드를 발표하여 피드백을 받는 형식이다. 문제 풀이 설명 [level1] 과일 장수 [level2] 짝지어 제거하기 [level2] 영어 끝말잇기 문제 선정 (3문제) [level1] 기사단원의 무기 [level2] 구명 보트 [level2] N개의 최소 공배수 면접준비 호이스팅 클로저 스코프 동기 / 비동기 var, let, const설명 타입스크립트의 장점 Typescript에서 any와 number의 속도차이 나만의 포트폴리오 제작(11.22 ~ ) 개발자들의 포트폴리오 사이트 분석 나만의 디자인 figma 작성 ✍ Diary 알고리즘 스터디에서 사실 일주일간 3문제라고 하면 ..

React Hook Form이란? React에서 form의 유효성검사를 도와주는 라이브러리이다. React Hook Form 장점 공식문서에 따르면 아래와 같은 장점이 있다. 기존의 유효성 검사보다 적은 코드를 사용할 수 있다. 불필요한 재렌더링을 제거하고 검증 계산을 최소화하여 마운팅 속도를 높여 성능을 향상 시킨다. 패키지의 종속성이 없어서 작은 라이브러리로 가볍다. React Hook Form과 yup을 같이 사용한 이유 React Hook Form만으로도 충분히 좋은 퍼포먼스를 낼 수 있지만, yup과 같이 사용한다면 인라인으로 작성되는 코드를 분리하여 사용할 수 있어 가독성이 조금 더 좋기 때문에 같이 사용하게 된다는 것을 알게되어 사용하게 되었다. 아래는 React Hook Form 공식문서에..

📗 오늘 한 일 면접준비 노션에 적은 TIL 블로깅 React-hook-form / yup을 사용한 회원가입 유효성검사 이전에 프로젝트에서 멘토님이 사용해봤으면 좋겠다고 하고 로그인/회원가입을 담당한 팀원분이 사용했었고, 나도 학습을 했었지만 다시 복습을 하고 싶다는 생각이 들어서 작성했다. 작업내용 Github https://github.com/homile/React-study/tree/main/react-hook-form-test GitHub - homile/React-study: React 학습 코드 React 학습 코드. Contribute to homile/React-study development by creating an account on GitHub. github.com yup / rea..