우리는 웹 사이트를 요청하고 그에 대한 응답을 받을 때 HTTP 프로토콜을 통해 데이터를 주고 받는다. 클라이언트는 서버로부터 응답을 받을 때 웹 페이지뿐만 아니라 HTTP 패킷에 응답의 정보를 담은 코드를 함께 받는데, 이 코드를 HTTP 응답코드(HTTP Respo

로컬에서 코드를 수정한 후, 깃헙으로 업로드를 하려고 했는데 token이 만료되었다는 새로운 토큰을 발급받고 입력한 후 재업로드또 에러Git 접속 -> 프로필 클릭 -> Settings -> Developer settings -> Personal access toke

Authentication(인증)은 누가 사용자인지를 증명하는 반면 authorization(권한부여)은 사용자가 무엇에 접근할 수 있는지를 제어한다. Next.js는 각각 다른 사용사례를 위해 설계된 여러 인증패턴을 제공한다.자신에게 어떤 인증패턴이 필요한지를 식별하

원래 페이지 전환을 할 때 a태그를 사용하지만, 전체 새로고침이 되며 다시 정보들을 새롭게 가져온다.이는 흰 화면이 보일 수도 있고 매번 통신을 새롭게 하다 보니 사용자 경험 측면에서도 떨어진다.Link 태그에 href 속성을 추가하여 가고자 하는 주소를 넣는다. (a

Intro 리액트 네이티브로 개발을 하던 중, 가로로 움직이는 이미지를 구현해야했다. 방법을 찾기 위해 구글링을 하던 중, 리액트 네이티브에서 자체적으로 제공하는 애니메이션이 있다는 사실을 알게되었다. 해서 이를 활용하여 원하는 기능을 구현해보았다. React Na

리액트로 화면은 사용자가 볼 수 있는 여러 가지 컴포넌트로 구성되어 있다. 사용자에게 보여지는 UI 요소를 컴포넌트 단위로 구분하여 구현할 수 있다는 것은 리액트의 가장 큰 특징이자 장점이라 볼 수 있다.컴포넌트는 단순한 템플릿 이상의 기능을 수행한다. 데이터가 주어졌

✅ 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다.중요한 점은 프로그래밍에 앞서 해결해야 할 문제를 명확히 정의한 후 적절한 문제 해결 방안을 찾을 필요가 있다는 것이다.그리고 이 과정을 잘 수행하기 위해 우리는 문제 해결 능력을 길러야 한다.컴퓨터에

✅ 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간, 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.간단히 말해 변수는 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로, 값의 위치를 가리키는 상징적인 이름이다.컴퓨터는 CPU를 통해 연산하고, 메

Next JS로 작업을 하던 중, Link 컴포넌트를 사용하여 동적 라우팅을 사용하게 되었는데,이 동적 라우팅을 통해 이동하게 될 페이지로 props를 넘겨 주어야 하는 상황이 발생하게 되었다.따라서 Next의 Link 컴포넌트, 동적라우팅, props에 대해 짧게나마

Next JS로 작업을 하던 중, 외부 이미지를 불러와 사용해야 할 일이 생겼다.늘상 하던대로 Next의 Image 컴포넌트의 src 값으로 내가 사용할 이미지의 url을 넣어주었다.그랬더니 다음과 같은 에러가 발생했다.에러 문구를 살펴 보니 다음과 같았다.On one

그러나 Next Js에서는 이 방식 대신 File-based Routing 방식을 사용한다.react 컴포넌트 파일을 생성하면 Next가 폴더 구조(pages 폴더 내부의)로부터 Route를 유추해서 구현한다.이는 Next JS가 file-system based 로 라

Next Js의 공식 문서에선 pre rendering을 다음과 같이 기술하고 있다.Next.js의 가장 중요한 개념 중 하나이다.기본적으로, Next.js는 모든 페이지를 pre-rendering 하는데,모든 페이지가 사용자에게 전해지기 전에 HTML을 미리 생성하는

Next Js app을 생성하는 두가지 방식 1. Automatic Setup 🚀 create-next-app > We recommend creating a new Next.js app using create-next-app, which sets up every

⚡️ 렌더링 렌더링은 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 것이다. 🚀 클라이언트 사이드 렌더링(CSR) 클라이언트 사이드 렌더링(CSR)은 쉽게 말해서 클라이언트에서 모두 처리하는 것이다. (ex. React) 서버에서 전체 페이지를 한

사용자의 세션정보를 저장해서 로그인 기능을 구현하는 방법이다. 간단히 정리해보면 다음과 같다.유저가 로그인 했었다는 정보를 서버의 메모리에 기록해놓는다. (세션을 저장)유저가 로그인이 필요한 페이지(Mypage 등)를 요청할 경우,세션에서 해당 유저가 로그인했다는 정보

주어진 사전 파일의 단어들을 연결리스트로 담아 사전 프로그램을 만든다.⚡️ 단어 사전 파일randdict.txt 파일에는 약 5만개의 단어와 그 뜻이 저장되어 있다. 저장된 순서는 없다.단어와 단어의 뜻은 " : " 으로 구분되어 있다. (ex. apple : 사과)⚡

📌 What to do?문자가 입력되어 큐에 쌓이는 시스템에서 필요한 수만큼 문자를 가져오는 프로그램을 작성한다.조건해당 프로그램은 문자가 큐로 들어온다.사용자가 필요한 데이터의 개수를 입력하면 큐에서 해당 데이터를 가져온다.사용되는 큐의 크기는 20(문자)이다. 큐

📌 What to do?양의 정수로만 이루어진 세개의 배열(각각의 크기가 1,000 / 5,000 / 10,000)을 여섯가지 정렬 알고리즘을 사용하여 정렬한다.(Insertion, Bubble, Quick, Merge, Radix, Bucket)정렬을 모두 마친 후

📌 What to do?주어진 미로 파일을 이용하여 미로를 탈출하는 프로그램을 작성한다.조건미로의 탈출구는 스택을 이용하여 탐색하도록 한다.스택을 이용할 때 마다 스택에서 어떤 정보를 PUSH하고 POP 하는지 화면에 표시하도록 한다.길은 여러개가 존재 할 수 있는데

📌 What to do?계산식을 입력하면 그 결과 값을 돌려주는 프로그램을 작성한다.또한 완성된 프로그램은 다음의 조건들을 만족시켜야 한다.📌 조건사용되는 연산자는 + - \* / ( ) 이다.입력에 사용되는 수는 실수이다.수식에서 괄호는 최대 1회만 사용