/images/avatar.png

[Javascript] Capturing Rainwater

Made by 박주환 함수 및 개념 정리 two pointer two pointer란 배열에서 양쪽의 두개의 포인터가 서로를 향해 이동하면서 문제를 푸는 방법입니다. 배열 문제에서 주로 쓰입니다. 배열의 복사본이 필요하지 않고 한번의 loop(배열의 길이 만큼 == O(n))으로 문제를 풀 수 있습니다. Math.max(요소1, 요소2, …): 가장 큰것을 반환합니다. console.log(Math.max(1, 3, 2)); // Expected output: 3 console.log(Math.max(-1, -3, -2)); // Expected output: -1 const array1 = [1, 3, 2]; console.log(Math.max(...array1)); // Expected output: 3 출처 while(조건){ 실행문 } : 문장안을 실행하기 전에 조건문을 확인합니다.

[Javascript] Sieve of Eratosthenes

Made by 박주환 함수 및 개념 정리 문제를 보기전에 필요한 함수들을 살펴 보겠습니다. 기초적인 내용도 포함되어 있지만 다시한번 개념을 명확하게 하고 모르던 함수가 있다면 참고 하시면 좋습니다. 지금 당장 눈에 들어오지 않는다면 문제를보다가 궁금하면 다시 위로 올라와서 공부하는 것이 더 도움이 될 수도 있습니다. for loop 진행 순서: 항상 조건문을 들렸다가 실행문을 실행합니다. for(1.초기화; 2.조건문; 4.증감식){ 3.실행문 } 초기화 조건문: true 실행문 증감식 조건문: true 실행문 증감식 조건문: false -> break // 예시 for (let i = 2; i <= limit; i++) { 실행문; } 배열 생성 및 초기화하는 방법 : Array().

읽기만 해도 도움 되는 Javascript 코딩테스트

pictured by 박주환 아름다운 눈을 보며 힐링하기 좋은 날씨입니다. 오랜만에 본가에 온 김에, 눈으로 뒤덮인 자연이 아름다워 사진을 찍어봤습니다. 여러분도 가끔 자연을 바라보며 마음의 여유를 가져보세요. 기업들의 코딩테스트 추세 저는 주로 효율이 좋은 Python으로 코딩 테스트를 준비해 왔습니다. 하지만 취업 준비를 하면서 생각보다 많은 회사가 프론트엔드 직무로 지원하면 언어를 Javascript 혹은 Java로 제한하는 경우가 많았습니다. 저의 경우에는 작년에 지원했던 여기어때, 현대 오토에버, 소프티어 부트캠프 등이 있습니다. 그래도 대부분의 회사가 여러 언어를 지원하지만 더 많은 선택지를 가지려면 프론트나 Node개발자 분들은 Javascript으로 준비하는게 더 좋지 않을까 생각합니다.

Visual Studio Code --file-write: EPERM 해결

잘 작업해 오던 작업 폴더에서 저장이 안된다. 마지막에 branch merge 하고 작업 branch 삭제후 다시 분기했었다. 그 후부터 익숙하지만 좀 더 까다로운 에러가 뜬다. 비번을 입력해도 왜 계속 에러가 뜨지 먼저 저장을 하면 비번을 입력하라고 나온다. 여기까지는 익숙하다. 그리고 비번을 치면 저장이 되어야 하는데… 또 다시 에러가 뜬다. 이런적은 처음이어서 굉장히 당황스러웠다. 왜 이럴까? 일단 EPERM을 보니 권한 문제인 것 같다. 따라서 폴더의 권한을 나로 바꿔야 하고 구글링을 해서 해결하였다.

React로 빌드하고 github pages 로 호스팅 해보았다. (feat. 404에러)

사진: Unsplash의 Roman Synkevych Github Pages Github Pages는 static site hosting 서비스로 레파지토리에 HTML, CSS, Javascript 파일을 올리면 웹사이트를 배포해 주는 기능이다. 보통은 개인 블로그를 github.io 도메인을 사용하여 배포한다. 내 블로그도 HUGO 라는 Static Site Genegrator 와 Github Pages 를 이용하여 배포하였다. Github Pages를 이용하려면 github.io 도메인을 이용하기 때문에 <username>.github.io 레파지토리는 무조건 있어야 한다. 만드는 법은 여기 참고. Github Pages가 좋은점은 모든 public 레파지토리를 이 도메인을 사용하여 배포할 수 있다는 점이다.

[ESLint, React] 모든 Import 에 Casing 오류가 뜬다

ESLint 에서 모든 import 에 대해서 Casing 오류가 떴다. Casing of {file name} does not match the underlying filesystem. stackOverflow 도 보고 ESLint issues 도 봤지만 힌트를 찾지 못했다. 그래서 Chat GPT 에 물어봤다. 답은 다음과 같이 왔다. Case Sensitivity Check the File System File Extension IDE/File Explorer Case Sensitivity 먼저 Case Sensitivity 는 대소문자 오류이다. ESLint 는 대소문자 구분에 엄격하지만 윈도우 나 WSL 을 사용하면 이것이 구분이 안되는 경우도 있다고 한다.