안녕하세요

단어 변환(lv3) 문제 보기 (25) 문제 풀이 고려해야할 문제의 조건은 세가지다. 한번에 한개의 알파벳 변경 가능 words에 존재하는 단어로만 변환 가능 중복되는 단어 없음 목표는 words 배열의 길이만큼 변환 시도를 했을 때, 변환할 수 없다면 0을 반환하고, 변환이 가능하다면 최소 변환 횟수를 구하는 것이다. solution("hit", "cog", ["hot", "dot", "dog", "lot", "log", "cig"]); 1. words 배열의 길이만큼 변환 시도를 한다. words.forEach((word, index) => { }); 2. 단어 변환이 가능한지 확인한다. 하나의 알파벳만이 다르면 변환이 가능하기 때문에 몇 개의 알파벳이 일치하는지 확인하면 된다. words.forEa..

기능개발 Level 2 문제보기 (20) 요구사항에서 말해주는 그대로 따라서 차근차근 구현하면 됩니다. 그래서 그런지 다른 사람과 풀이가 99% 똑같았다. 풀이 순서 1. for문을 이용하여 프로세스 각각에 speeds 만큼 더해줍니다. progresses[i] += speeds[i] 2. 연달아 배포한 갯수를 카운트합니다. let completedCount = 0 - while을 이용하여 progresses[0]이 100이상이 아닐 때까지 배열에서 shift()로 제외하고 completedCount+1 하는 과정을 반복합니다. - 배포한 프로세스의 수를 결과 배열에 추가합니다. function solution(progresses, speeds) { const result = []; // 개발진행 사항이..

오.코.분 목표: 트렌드를 만들어 내는 pmndrs의 jotai sample을(쉬운것부터) 분석하고 블로그 프로젝트에 jotai 상태관리를 도입해보자. 새로 학습한 내용 atom 선언시 콜백 함수의 인자로 오는 get 이용 방법 배열의 요소로 atom을 직접 생성하여, 외부에서 해당 배열의 요소(atom)를 useAtom으로 선언할 수 있다. 해당 요소는 배열의 요소와 동일한 참조값을 지닌다. React-Spring 라이브러리를 활용해서 애니메이션을 만들어 봐야겠다. 동일한 참조값을 지닌 요소를 remove의 인자로 전달하여 삭제하는 방식을 배웠다. 참조값에 대한 개념이 확장됐다. 오픈 소스 코드 분석 대상 pmndrs/jotai 레포지토리의 examples todoes 폴더 https://github...

오.코.분 목표: 트렌드를 만들어 내는 Vercel의 코드를 (쉬운것부터) 분석하고 내 코드 스타일을 개선하자. 새로 학습한 내용 Next.js Head 태그로 SEO 성능 높이기 onChange 이벤트 내에서 라이브러리 dynamic import Modal은 dynamic import로 코드 스플리팅하여 초기 렌더링 속도 향상 SyntaxHighlighter와 react-modal 이라는 라이브러리를 써 봐야겠다. Next.js 13 이전 버전에서는 getServerSideProps로 데이터를 페칭한다. 오픈 소스 코드 분석 대상 vercel/next-learn 레포지토리의 SEO 폴더 https://github.com/vercel/next-learn/tree/main/seo 1. Next.js는 페이..