우아아아아아앙

프로젝트 폴더/│── x64/│ ├── Debug/ # 디버그 빌드 결과│ ├── Release/ # 릴리즈 빌드 결과Debug: 개발 중 테스트할 때 사용 (최적화 X, 디버깅 정보 포함)Release: 최적화된 빌드 (배포용) x64폴더는 프로젝트 빌드(컴파일)할 때 생성되는 폴더로, 64비트(x64)환경에서 실행될 실행파일(Exe), 라이브러리(DLL), 개체파일(OBJ)등이 저장됨 Visual Studio에서 프로젝트를 빌드하면 솔루션 디렉터리 아래에x64/Debug/ -> 디버그 빌드 파일x64/Release/ -> 릴리즈 빌드 파일ex) project\x64\Debug\muffin.exe x64 폴더 삭제x64폴더는 빌드할때마다 다시 생성되므로 삭제해도 문제가 되지 않는다..

📁 .vs 폴더란 무엇인가?.vs 폴더는 Visual Studio에서 프로젝트를 열고 작업할 때 생성되는 숨김 폴더입니다. 이 폴더는 프로젝트 설정, 빌드 캐시, 디버깅 정보 등을 저장하는 역할을 합니다.프로젝트를 열 때마다 Visual Studio는 .vs 폴더를 사용하여 사용자별 설정, 디버깅 상태, 코드 자동 완성 등에 필요한 데이터를 저장합니다. 🔑 .vs 폴더의 주요 역할디버깅 설정브레이크포인트, 로컬 변수, Watch 목록 등 디버깅 세션 관련 데이터를 저장합니다.사용자별 설정프로젝트를 열었을 때의 상태, 예를 들어 열려 있는 파일이나 UI 레이아웃 정보를 저장합니다.IntelliSense 캐시코드 자동 완성을 위한 캐시 데이터를 저장합니다. 이 캐시가 없어지면 IntelliSense가 다..

.vs 폴더의 역할프로젝트를 열었을때의 상태를 저장함 ex) 열려있는 파일, 디버깅 설정 등 IntelliSense 및 캐시 데이터코드 자동 완성을 위한 인덱싱 데이터 포함 디버깅 관련 정보브레이크 포인트, 로컬 변수 정보 등을 저장

noodle = "까르보불닭"print(noodle + "을 좋아한다") 위처럼 문자열 + 문자열, 문자열끼리 더할때는 아무런 문제가 없지만문자와 숫자를 더하고 싶다면 str()으로 감싸주어야한다. age = 26print(str(age) + "살 입니다.")*str()로 감싸주지 않는다면 에러가 발생하게 된다. 따라서 숫자, boolean, 정수형은 str()으로 감싸주어 문자열로 형변환을 해야함. 하지만, str()로 감싸기 싫다면..?쉼표를 사용해주면 된다. age = 26print(age, "살 입니다.") 쉼표를 사용하면 형변환이 필요없기에위와 같이 쉼표를 사용하여 입력해주면 에러없이 잘 출력이 됨을 확인할 수있다.

보호되어 있는 글입니다.

서버에 데이터를 요청하려면 Fetch, Axios를 사용해 요청할 수 있는데 Fetch는 웹 브라우저에서 기본으로 제공하는 API이고, Axios는 JavaScript에서 사용되는 HTTP 클라이언트 라이브러리이다. 먼저 프론트에서 데이터를 요청 받으려면 백서버가 있어야 한다. client와 server 폴더를 만들어주고 server폴더에 npm init으로 package.json을 생성해주자. express도 설치해주자, npm i express로 설치해주면 된다. app.js파일을 생성 후 아래와 같이 코드를 선언해보자 const express = require('express') const app = express() const cors = require("cors") app.use(cors()) ..

이벤트 루프를 알기 위해서는 자바스크립트의 동작원리를 알아야한다. 자바스크립트의 엔진구조는 위와 같이 이루어져있다. 하나하나 어떤 역할을 하는지 알아보자 Memory Heap은 메모리 할당이 일어나는 곳이다. 여기서 Heap이란 구조화 되지 않은 넓은 메모리 영역을 말한다.(객체, 변수, 함수 들이 담긴다.) Call Stack(호출스택)에는 실행될 코드가 한줄 단위로 할당 된다. Web APIS는 실행환경에 따라 다르게 불리는데 브라우저에선는 Web APIS, 노드에서는 백그라운드로 설명되며, 비동기 처리를 담당한다. Callback Queue(Task Queue, Event Queue등 다양한 형태로 설명된다.)에서는 비동기 처리가 끝난 후 실행되어야 할 콜백함수가 차례로 할당된다. Event Loo..

NPM NPM은 NodePackageManager의 약자로 자바스크립트 라이브러리이다. npm은 https://www.npmjs.com에서 필요한 라이브러리를 내려받아 설치학 삭제하는 등 관리를 해주는 프로그램이며 실제로 node_modules 폴더에 라이브러리를 내려받아 저장하고 package.json이라는 파일에 설치된 라이브러리의 정보를 적어 저장한다. 쉽게 생각해서 node_modules용량이 너무 크기 때문에 라이브러리에 대한 명세를 package.json이라는 파일에 저장한다고 생각하면된다. 개발자들끼리 서로 프로젝트를 공유할 경우 node_modules를 전달할 필요없이 package.json을 공유하게 되면 라이브러리를 전달받을 수 있다. npm의 성능과 속도를 보완한 yarn이라는 라이브..

노드버전 매니저로 nodejs 설치하기 nodeJS는 구글에서 공개한 소프트웨어로 v8엔진을 기반으로 만든 자바스크립트 런타임(실행기) 도구이다. nodeJS는 웹 브라우저가 아닌 컴퓨터나 서버에서 자바스크립트를 실행할 수 있게해준다. npm은 nodeJS와 함께 설치된다. npm은 이전에 다뤘들이 라이브러리를 설치, 삭제등을 관리해주는 프로그램이다. 버전문제를 피하기 위하여 nvm으로 노드를 설치해보자 nvm은 node version manager의 약자로 맥의 경우 homebrew를 통해 nvm을 설치한뒤 nodejs를 설치해주어야한다. 먼저 nvm을 설치해보자 아래의 명령어로 brew를 이용하여 nvm을 설치해준다. $ brew install nvm 프로젝트 별 의존성관리(각 프로젝트의 디렉터리마다..

지난 시간에 제이쿼리나 핸들바를 사용했을 때 하위 노드까지 수정이 되어 화면 전체를 다시그리므로 비효율적이다라는 점을 알게되었다. 따라서 페이스북 개발자들은 일부 노드를 미리 그려놓고 변경된 화면을 일부 노드만 수정하는 가상화면 기술을 만들었다. 가상화면을 영어로 virtual DOM이라고 하는데 DOM?이라는 것이 도대체 뭘까..? DOM에 대해서 먼저 알아보도록 하자 DOM DOM은 사전적 의미로 DocumentObjectModel의 줄인말이다. 돔은 메모리에 값을 가지고 있는 표현식이다. 하나의 프로그램에는 다수의 프로세스가 있듯이, 하나의 HTML 안에는 다수의 돔이 있다. ex) 같은 페이지 안에 여러 개의 탭이 있는 경우 HTML돔은 노드를 탐색하거나 수정할수 있는 API를 제공한다. 돔은 g..