본문 바로가기

전체 글98

Nginx 페이지 새로고침 Not Found 오류 [Problem]리액트로 만든 프로젝트를 Nginx로 배포를 하고 나서 테스트 중에 발견한 오류이다. 다른 라우팅 페이지에서 새로고침을 하면 404 Not Found가 발생하였다. [Solve]로컬 개발 환경에선 발생하지 않는 오류이니 Nginx의 설정이 잘못되었다고 생각하여 Nginx의 conf설정 파일이 잘 못되었다 생각했다.구글 서칭을 해보니 Nginx의 설정 파일에 다음과 같은 옵션을 추가해주어야 했다. location / { try_files $uri /index.html; # 이 옵션 추가 } [Why]Nginx는 기본적으로 요청된 URL에 해당하는 정적 파일(ex. index.html)을 찾는다. 이걸 우린 초기에 설정할 때 옵션으로 root에 url이 바라봐야 하는 html파일을 연.. 2025. 3. 26.
setState 타입 지정의 차이 [Problem]React + TypeScript로 프로젝트를 진행하면서 setState를 props로 넘길 때 타입을 지정해야 하는데 오류가 발생했다.import { useState } from "react";const Parent = () => { const [number, setNumber] = useState(0); return ;};interface ChildrenProps { setNumber: (value: number) => void;}const Children = ({setNumber}: ChildrenProps) => { const handleClick = () => { setNumber((prev: number) => prev + 1); // .. 2025. 3. 20.
[Programmers] 주식 가격 https://school.programmers.co.kr/learn/courses/30/lessons/42584?language=javascript 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr이 문제는 시간초과를 생각해야 하는 문제다.prices의 길이가 10만이기 때문에 반복문을 2번만 해도 O(n^2)이기 때문에 시간 초과가 걸린다.따라서 O(n^2)로 풀면서 break를 잘 쓰거나 더 나은 O(n) 방법으로 해야 한다. O(n^2) 방법function solution(prices) { let answer = []; for (let i = .. 2024. 10. 9.
[Programmers] 괄호 회전하기 https://school.programmers.co.kr/learn/courses/30/lessons/76502?language=javascript 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.krfunction solution(s){ const n = s.length; let answer = 0; for(let i = 0; i  이 문제에서 가장 헷갈렸던 건 괄호를 회전시키는 것이다.간단하게 해석을 해보면 i 가 첫번째 문자의 위치를 가리키며 j는 이후 등장하는 문자를 가리키는 인덱스이다.const c = s[(i+j) % n];즉, 이 코드가 시작 지.. 2024. 10. 9.