본문 바로가기

전체 글335

22.11.24_TIL 📗 오늘 한 일 리트코드 문제풀이 (4문제) [easy] Longest Common Prefix 문자열들중 가장 긴 공통 접두사를 찾는 문제 [easy] Valid Parentheses 유요한 괄호인지 확인하는 문제 (ex. (] = false, () = true) 해당 문제는 백준, 프로그래머스에도 동일한 문제가 나온다. [easy] Remove Duplicates from Sorted Array 정렬된 배열에서 중복되는 정수를 하나만 남기는 문제 [easy] Remove Element 정수들이 들어있는 배열에서 val과 같은 정수를 제거하고 빈공간은 앞으로 당기는 문제 프로그래머스 이전 문제 풀이 복습 면접준비 개발의 정석이라는 어플에 나오는 질문 리스트와 동기분들이 받은 질문리스트대로 학습중이다. .. 2022. 11. 25.
22.11.23_TIL 📗 오늘 한 일 리트코드 문제풀이 (3문제) 백준과 리트코드 중에 많은 고민을 했다. 백준은 한글이고 한국에서 알고리즘 연습으로 많이 사용되는 사이트이다. 하지만, Javascript로 풀때 입력값을 받아오는 것을 계속 모듈로 작업해야하고, 이미 많은 문제를 풀었어서 리트코드로 선택을 했다. [easy] Two Sum 배열에 있는 정수 2개의 합이 target과 맞는 정수의 인덱스 번호를 출력하는 문제 [easy] Palindrome Number 정수를 반대로 돌렸을 때 같은지 판별하는 문제 (121 => true, 122 => false) [easy] Roman to Integer 로마문자에 정수를 할당해서 계산하는 문제 (I V 같은 경우도 판별해야함) 면접준비 개발의 정석이라는 어플에 나오는 질문 .. 2022. 11. 23.
22.11.22_TIL 📗 오늘 한 일 Javascript 알고리즘 문제풀이 프로그래머스 문제 [level2] 구명보트 단순하게 완전탐색으로 푸는 문제였지만 효율성이 걸렸다. 내림차순으로 할 경우 성공이 되지만 오름차순으로 할 경우 실패한다. 이유는 나의 로직 문제였다. 내 로직은 내림차순으로 할 경우만 성공할 수 있는 코드였기 때문이다. [level2] N개의 최소공배수 최소공배수를 찾는 문제는 너무 많이 풀어봤던 것 같다. 최대공약수를 유클리드 호제법을 통해서 찾으면 최소공배수를 풀 수 있다. [level1]기사단원 level1문제 였지만 위의 level2문제들보다 생각해야 할 것이 많았던 문제 같다. 약수의 개수를 구해서 조건에 맞게 총 합을 계산하는 간단한 문제인줄 알고 처음에 접근했으나 시간까지 고려해야 했다. 그렇기.. 2022. 11. 23.
22.11.21_TIL 📗 오늘 한 일 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문제라고 하면 .. 2022. 11. 22.
[React] React Hook Form과 yup을 사용한 유효성 검사 React Hook Form이란? React에서 form의 유효성검사를 도와주는 라이브러리이다. React Hook Form 장점 공식문서에 따르면 아래와 같은 장점이 있다. 기존의 유효성 검사보다 적은 코드를 사용할 수 있다. 불필요한 재렌더링을 제거하고 검증 계산을 최소화하여 마운팅 속도를 높여 성능을 향상 시킨다. 패키지의 종속성이 없어서 작은 라이브러리로 가볍다. React Hook Form과 yup을 같이 사용한 이유 React Hook Form만으로도 충분히 좋은 퍼포먼스를 낼 수 있지만, yup과 같이 사용한다면 인라인으로 작성되는 코드를 분리하여 사용할 수 있어 가독성이 조금 더 좋기 때문에 같이 사용하게 된다는 것을 알게되어 사용하게 되었다. 아래는 React Hook Form 공식문서에.. 2022. 11. 21.
22.11.20_TIL 📗 오늘 한 일 면접준비 노션에 적은 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.. 2022. 11. 21.