1. 컴퓨터 구조의 큰 그림컴퓨터가 이해하는 정보는 무엇일까컴퓨너는 프로그래밍 언어를 직접 이해하지 못한다. (프로그래밍 언어는 사람에게 더 친화적)따라서 데이터와, 명령어로 컴퓨터를 이해시켜야한다!데이터란?데이터란, 숫자, 문자 등 정적인 정보를 의미한다. 우리가 API를 요청할 때 parameter에 넣거나, 응답해서 받아오는 곳 속엔 모두 데이터가 존재한다. 후에 명령어를 사용할 때 이 명령의 대상이 바로 데이터다.//예시{ sucess: true, data : { user: "정보", name: "홍길동", }}명령어는?데이터를 활용하는 정보데이터를 더한다거나, 출력한다거나, 저장한다거나... 데이터 관련 처리를 일컬어 명령어라고 부른다.CPU의 종류에 따라 실..

겪었던 문제 프로젝트를 진행하며 api post요청을 하다가, 아래와 같이 스트림 메세지가 리턴되었었다.data: 질data: 문data: 이나data: 불data: 편data: 하data: 신data: 부분data: 이data: 있다data: 면data: 주data: 저data: 하지data: 말data: 고data: 공유data: 해data: 주세요data: .data: [END]전부 string으로 받아서, data를 삭제하고, END를 지웠지만 원하는 대로 정제가 되지 않았고, 정제하기 위한 방법을 찾아보았다.찾은 방법검색을 해보니 브라우저 환경에서는 axios의 response: stream 기능이 지원되지 않아 SSE 방식으로 오는 메세지를 정제할 수가 없는 것 같았다.따라서, f..

테스트 라이브러리 도입 이유기존에 프로젝트를 진행할 때, api 개발을 할 때에는 시간에 쫓겨 dev 환경에서만 value를 직접 입력하여 결과를 지켜보는 식으로 수행했었다.이런 방식은 UI를 보면서 하니 직관적으로 보인다는 장점은 있지만... 그 부분을 개발한 사람만 알고 있는 과정이라 조금 불편할 수도있다는 생각이 들었다.Vitest 설치 및 적용Next.js는 기본적으로 Webpack 번들러를 이용하기에, Vitest를 사용하려면 설치 후 일부 설정을 해주어야 한다.npm install -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom# 또는yarn add -D vitest @vitejs/plugin-re..

문제 출처https://www.acmicpc.net/problem/1987문제세로 R칸, 가로 C칸으로 된 표 모양의 보드가 있다. 보드의 각 칸에는 대문자 알파벳이 하나씩 적혀 있고, 좌측 상단 칸 (1행 1열) 에는 말이 놓여 있다.말은 상하좌우로 인접한 네 칸 중의 한 칸으로 이동할 수 있는데, 새로 이동한 칸에 적혀 있는 알파벳은 지금까지 지나온 모든 칸에 적혀 있는 알파벳과는 달라야 한다. 즉, 같은 알파벳이 적힌 칸을 두 번 지날 수 없다.좌측 상단에서 시작해서, 말이 최대한 몇 칸을 지날 수 있는지를 구하는 프로그램을 작성하시오. 말이 지나는 칸은 좌측 상단의 칸도 포함된다.입력첫째 줄에 R과 C가 빈칸을 사이에 두고 주어진다. (1≤ R,C ≤20) 둘째 줄부터 R개의 줄에 걸쳐서 보드에 ..