"라우팅(routing)"이란 사용자가 요청한 URL 경로에 따라 그에 맞는 UI를 보여주는 것을 라우팅이라고 합니다. React App의 경우 새로운 페이지를 요청하는 것이 아니라 URL에 맞는 페이지 컴포넌트를 렌더링해주어야 합니다.React는 SPA(Single

동료 구함.

네이버 메인페이지 클론코딩을 진행하고 CSS에서 중요하다고 판단되거나 아차 싶던 내용들을 포스팅하는 글입니다.CSS의 position 속성은 요소가 웹 페이지에 어떻게 위치할지 결정합니다.간단 정리static : 초기값. 기준 위치를 설정하지 않음.relative :

forEach, map 제네릭 분석 filter map filter 제네릭 분석 왜 타입 추론을 제대로 못하는지 생각해보자 첫 번째 filter의 S는 string | number이기 때문에 string이 될 가능성이 남아있지만, 두 번째 filter의 T는

타입스크립트는 변수, 매개변수, 리턴값에 타입을 붙이는 것 ! 타입스크립트를 사용하는 목적은 any 타입을 없애는 것 타입 추론을 적극 활용하자 -> b는 5라는 문자열, 하지만 타입을 string으로 적어줄 경우 b가 5가 아닌 문자열이라는 타입으로 범위가 넓

이 포스트를 시작으로 타입스크립트에 대해 공부하며 그에 대한 내용을 기록할 예정입니다. 문법을 중점으로 공부하기보다 다른 TS 예제들을 잘 분석할 수 있는 능력을 기르고 나아가 기존 리액트 프로젝트를 TS로 리팩토링해보는게 목표입니다.모든 내용은 타입스크립트 공식 문서

유닛테스트 vs 통합테스트 vs E2E테스트를 비교하여 설명해주세요유닛테스트 개별 코드 유닛을 테스트하는 것으로, 코드의 가장 작은 단위를 테스트합니다. 주로 함수, 메서드 또는 모듈 단위로 테스트를 수행합니다.의존성을 최소화하여 각각의 코드 단위를 격리하여 테스트하고

npm run build 시에 메모리 부족으로 build를 실패했다.프리티어의 가장 큰 단점은 RAM이 1G 라는 것인데 그게 뭔 상관일까 ?서버 메모리가 부족해서 빌드하다가 메모리에 과부하가 걸림\-> RAM은 실행중인 픅로그램의 속도와 실행에 관련이 있다. 만약 프

지난 시간에 인스턴스 생성과 Route53 설정까지 마쳤으니 ( 사실 호다닥 넘어감 ) 프론트 서버 배포를 진행해보려 한다. ec2 인스턴스에 들어가서 ssh 클라이언트 탭에 있는 예시를 복사해준다. > ssh -i "pem 파일명" ubuntu@.ap-northeas

AWS로 서비스를 배포하는 방법에는 크게 4가지가 있다.웹 서버, WAS 서버 배포 가능정적 콘텐츠(프론트 서버) 배포S3(Simple Storage Service)는 최고의 확장서으 데이터 가용성, 보안 및 성능을 제공하는 객체 스토리지 서비스이며 데이터를 버킷 내의

Vscode로 개발 중 자주 사용하는 함수형 컴포넌트나 변수들이 있다면 Snippet 설정을 통해 생산성을 높일 수 있습니다.vscode 왼쪽 하단 톱니바퀴 버튼을 누른 후 User Snippets를 클릭해줍니다.클릭했다면 중앙 상단에 어떤 언어에 대한 Snippet

DP, 즉 다이나믹 프로그래밍은 기본적인 아이디어로 하나의 큰 문제를 여러 개의 작은 문제로 나누어서 그 결과를 저장하여 다시 큰 문제를 해결할 때 사용하는 것이다.특정한 알고리즘이 아닌 하나의 문제해결 방법으로 볼 수 있다,간단하게 설명하자면 큰 문제를 작은 문제로

정규 표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체하는데 사용한다.대표적인 예로는 이메일이나 전화번호를 입력하라고 했을때 특정 양식에 맞지 않는 값을 입력하면 필터링되어 경고창이 뜨게 되는데 그 때 사용되는게 정규표현식이다.이처럼 조건

이분 탐색에 대한 알고리즘 문제를 풀다가 Number()를 사용하니 출력값이 undefined가 나오고 parseInt()를 사용하니 제대로 된 출력값이 나왔다 문제의 코드다!배열에서 target 값을 찾는 문제였는데 변수 mid의 값이 Number()를 쓰면 3.5

프로그래머스에서 알고리즘문제를 풀고 난 뒤 다른 사람의 풀이를 보면 new Set과 Map 으로 간단하게 푸는 사람이 많아 공부 겸 정리를 해보려고 합니다. Set Set 객체는 자료형에 관계없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있다. 정리하자면

레벨 1의 문제는 기록해야겠다는 생각을 해보지않았는데 의외의 히든케이스가 많아 시간을 꽤나 잡아먹어서 기록해야겠다고 생각했다..여벌의 체육복을 가져온 학생이 체육복을 도난당한 경우도 있다. 이때 이 학생은 체육복이 하나 남은 걸로 가정하여 다른학생에게는 체육복을 빌려

Vite를 쓰면 React가 10배 빨라진다는 유튜브 추천 영상을 보고 찾아보게 되었다이번 게시물에서는 vite와 webpack의 차이점에 대해 알아보고 실습해볼 예정이다.

http://koreascience.or.kr/article/JAKO202231159472542.page본 논문에서는 LoG(Laplacian of Gaussian) 기반의 윤곽선 검출 기법을 통한 새로운 미세먼지 측정 방법을 제안한다. 미세먼지 측정을 위하여

내년 네이버 부스트캠프를 준비하며 알고리즘 문제풀이를 시작한다.예전에 공부삼아 백준으로 기초 알고리즘문제를 풀며 실버 등급을 받았었지만다시 기초부터 튼튼히 다지자는 의미로 프로그래머스의 Lv0부터 시작할 생각이다.문제를 풀 땐 무턱대로 코드부터 치는게 아닌문제를 확실하