본문 바로가기

분류 전체보기137

VS Code는 왜 개발자들이 가장 많이 사용할까｜처음 프로그래밍을 배우면 다들 이걸 쓰는 이유 프로그래밍을 배우기 시작하면 가장 먼저 하는 고민 중 하나가 있다. “코드는 어디에서 써야 하지?”처음에는 메모장에 써도 되는 줄 안다. 실제로 HTML이나 JavaScript도 메모장에 적고 저장하면 실행은 된다. 나도 처음에는 메모장에 HTML 파일을 만들고, 저장한 뒤 브라우저에서 열어봤다.그런데 파일이 많아지고, CSS와 JavaScript까지 같이 쓰기 시작하니까 금방 불편해졌다. 어디에 무엇이 있는지 찾기 어렵고, 오타가 나도 바로 알 수 없었다.그때 대부분의 사람들이 추천하는 프로그램이 하나 있었는데, 바로 VS Code였다.지금은 거의 모든 개발자가 한 번쯤은 VS Code를 사용해본다고 해도 과장이 아니다. 유튜브 강의, 블로그, 회사 개발 환경까지 대부분 VS Code를 사용한다.그렇다.. 2026. 4. 21.
npm은 무엇이고 왜 install을 해야 할까｜처음 React를 배우면 꼭 보게 되는 명령어 React나 Node.js를 공부하기 시작하면 거의 반드시 보게 되는 명령어가 있다.npm install처음에는 이게 정말 이상하게 느껴진다. 나는 분명 React를 설치한 것 같은데, 왜 또 무언가를 install해야 하는지 이해가 안 된다. 심지어 유튜브 강의를 보다 보면 npm install을 몇 번이고 반복해서 입력한다.나도 처음에는 그냥 “해야 하니까 하는 명령어” 정도로 생각했다. 그런데 어느 날 install을 안 하고 코드를 실행해봤더니, 화면에 빨간 오류만 잔뜩 떴다.그때 알게 됐다. npm install은 단순히 프로그램 하나를 설치하는 것이 아니라, 내 프로젝트에 필요한 부품들을 가져오는 과정이라는 것을. npm은 무엇일까npm은 Node Package Manager의 줄임말이다. 이.. 2026. 4. 21.
Node.js는 무엇이고 왜 JavaScript로 서버를 만들 수 있을까 JavaScript를 배우다 보면 어느 순간 이상한 말을 듣게 된다. “요즘은 JavaScript로 서버도 만든다”는 말이다.처음 들으면 꽤 이상하다. JavaScript는 원래 웹사이트에서 버튼을 누르거나, 글자를 바꾸거나, 화면을 움직이는 언어라고 배웠기 때문이다. 즉, 브라우저 안에서만 실행되는 언어처럼 느껴진다.나도 처음에는 “JavaScript로 어떻게 서버를 만들지?”라는 생각이 들었다. 서버는 Python이나 Java 같은 언어로 만드는 줄 알았고, JavaScript는 화면에서만 쓰는 언어라고 생각했다.그런데 Node.js를 알고 나니까 왜 JavaScript로도 서버를 만들 수 있는지 이해하게 됐다.결론부터 말하면, Node.js는 JavaScript를 웹브라우저 밖에서도 실행할 수 있게.. 2026. 4. 20.
React는 무엇이고 왜 많이 사용할까｜개발자들이 React를 배우는 이유 프로그래밍을 조금 하다 보면 정말 자주 보게 되는 이름이 있다. 바로 React다. 개발자 채용 공고를 봐도 React, 유튜브 강의를 봐도 React, 웹사이트 만드는 방법을 찾아봐도 React가 나온다.처음에는 나도 “왜 다들 React를 쓰지?”라는 생각이 들었다. JavaScript만으로도 버튼 만들고, 메뉴 열고, 글자 바꾸는 건 할 수 있는데 굳이 또 새로운 걸 배워야 하나 싶었다.그런데 직접 작은 웹사이트를 만들어보니 이유를 알게 됐다. 처음에는 코드가 몇 줄 안 돼서 괜찮다. 하지만 페이지가 여러 개가 되고, 버튼이 많아지고, 로그인이나 장바구니 같은 기능이 들어가기 시작하면 코드가 금방 복잡해진다.React는 바로 그런 순간에 등장한다. 복잡해진 웹사이트를 훨씬 쉽게 만들고 관리할 수 있.. 2026. 4. 20.
라이브러리와 프레임워크는 무엇이 다를까｜처음 배우면 가장 헷갈리는 개념 프로그래밍을 조금 배우기 시작하면 꼭 듣게 되는 말이 있다. “React는 라이브러리다”, “Vue는 프레임워크다”, “jQuery는 라이브러리다” 같은 말이다.그런데 처음에는 이게 정말 헷갈린다. 둘 다 개발할 때 쓰는 도구처럼 보이고, 실제로 사용하는 방법도 비슷해 보이기 때문이다.나도 처음에는 라이브러리와 프레임워크가 거의 같은 말인 줄 알았다. 그냥 누가 더 있어 보이게 말하느냐의 차이 정도로 생각했다. 그런데 React와 Vue를 조금 써보고 나서야, 둘은 생각보다 역할이 꽤 다르다는 걸 알게 됐다.가장 쉽게 말하면:라이브러리 = 내가 필요할 때 꺼내 쓰는 도구프레임워크 = 이미 정해진 틀 안에서 작업하는 도구즉, 라이브러리는 내가 중심이고, 프레임워크는 도구가 중심이다. 라이브러리는 “필요한 .. 2026. 4. 20.
프레임워크란 무엇일까｜React와 Vue는 왜 사용할까 HTML, CSS, JavaScript를 어느 정도 배우고 나면 꼭 한 번은 React나 Vue라는 이름을 보게 된다. 처음에는 “JavaScript만 있으면 되는 거 아니야?”, “왜 굳이 또 다른 걸 배워야 하지?”라는 생각이 든다.나도 처음에는 그랬다. 버튼 하나 만들고, 글자 바꾸고, 메뉴 열고 닫는 정도는 JavaScript만으로도 충분했다. 그런데 페이지가 점점 복잡해지기 시작하자 코드가 너무 길어지고, 어디서 무엇이 바뀌는지 스스로도 헷갈리기 시작했다.그때 알게 된 것이 바로 프레임워크다.프레임워크는 쉽게 말해, 웹사이트를 더 쉽고 체계적으로 만들 수 있도록 미리 준비된 도구 모음이다. 이미 자주 쓰는 기능들이 정리되어 있어서, 개발자는 처음부터 모든 것을 직접 만들지 않아도 된다.예를 들어.. 2026. 4. 20.

티스토리툴바