useState 와 일반 변수

프로그래머스 - 카펫난이도 : Level 1길이를 기준으로 반복문을 돌리며 w \* h 의 값이 brown + yellow 의 값인 수를 찾고 그 수 중 테두리를 제외한 높이와 넓이가 노란 타일의 수와 같을 경우 출력한다.근의 공식을 사용한 풀이이다.아래 식처럼 식을

Styled Components 전역 스타일링 (Global Style)

EC2 Memory Swap

npm ERR! Cannot read properties of null (reading 'resolve')

시맨틱 태그란 의미가 있는 태그를 말한다.

구글 소셜 로그인

당연히 내가 3000포트에서 실행주고 있기 때문에 3000포트로 접속해야 페이지 접속이 가능하다.하지만 보통 웹페이지에 접근할 때는 뒤에 포트번호가 붙지 않는다.여기서 우리가 알아야 할 건 일반적으로 우리가 웹페이지에 접속할 때는 기본 포트가 뒤에 붙어있는데, http

SSH를 통한 EC2 접속인스턴스에 접속하기 위해서는 1편에서 만든 pem 파일(키페어)이 준비되어야 한다ssh -i "pem 파일명" ubuntu@\*\*\*\*\*\*\*\*\*.ap-northeast-2.compute.amazonaws.com터미널에 ubuntu@

지우다보니 구멍투성이노과리 프로젝트를 AWS EC2에 배포했다.인스턴스 시작을 누른다이름을 입력한다가상 머신 OS 를 선택한다. (ubuntu 선택)키 페어 생성네트워크 설정인스턴스 유형 선택이제 우리는 AWS EC2 인스턴스가 준비되었다!~2편에 계속~

는 상태를 유지하지 않는다. 서버와 클라이언트는 통신을 한 후 다른 통신을 할 때 이전 통신에 대한 정보를 가지고 있지 않기 때문에 새롭게 갱신을 해주어야 한다. JWT 는 인가를 위한 녀석이다.

▶ 깊은 복사? 얕은 복사? Javascript 의 얕은 복사는 객체의 참조값(주소 값)을 복사하고, 깊은 복사는 객체의 실제 값을 복사한다. 즉, 복사된 녀석의 값을 변경했을 때, 원본 녀석도 바뀌면 얕은 복사, 복사된 녀석을 지지고 볶아도 원본 녀석이 그대로면

The requested URL returned error: 403 이 녀석 때문에 1시간을 날렸다. 403 오류는 해당 레포지토리 주소에 접근 권한이 없을 경우 발생한다고 한다. 프로젝트를 clone 후 첫 커밋을 푸쉬하려고 했는데 위와 같은 에러가 떴다. 문제의 원인은 권한에 있었다. 깃허브에서 Organization 을 만들어 협업을 할 때 푸...

▶ 브라우저 렌더링 브라우저 렌더링은 웹 페이지의 HTML, CSS, JavaScript 코드를 해석하고, 이를 시각적인 형태로 사용자에게 보여주는 과정을 말한다. 일반적으로 브라우저 렌더링 과정은 다음과 같다. HTML 파싱: 브라우저는 웹 페이지의 HTML 코

비동기 프로그래밍

Closure

프로그래머스의 코딩 테스트를 보면 저렇게 테스트 케이스 추가하기가 있는데, 이 녀석을 로컬에서 추가할 수 있으면 좋겠다고 생각해 Jest 를 사용해 자체 테스트를 도입해봤다. ▶ jest 란? Facebook(현 Meta) 출신의 jest는 React와 더불어

이진탐색

프로그래머스 - 달리기 경주난이도 : Level 1정답률 : 39%

난이도 : Level 2출처 : 프로그래머스 - 요격 시스템