쉴 틈 없는 직장인의 마구잡이 공부

프로그래밍을 처음 접하는 입문자들이 흔히 가지는 가장 큰 오해 중 하나는 "코드는 항상 위에서 아래로, 작성된 순서대로 실행된다"는 생각입니다. 단순하고 짧은 코드에서는 이 말이 사실일 수 있습니다. 하지만 네트워크 요청, 버튼 클릭, 타이머와 같은 기능이 등장하는 순간, 이러한 위에서 아래로의 직선적인 실행 흐름은 완전히 깨지게 됩니다.이 글에서는 왜 나중에 작성된 코드가 먼저 실행되는 현상이 발생하는지, 그리고 웹 개발의 핵심인 비동기(Asynchronous) 처리와 이벤트 루프(Event Loop) 의 구조에 대해 확실하게 정리해 보겠습니다. -------------------------------------------------------------------------------- 1. 코드는..

😎 한 줄 요약(잘난 척용)“노드 런타임은 서버용, 웹브라우저 런타임은 사용자 화면용이다.”노드 런타임 vs 웹브라우저 런타임같은 자바스크립트, 완전히 다른 실행 환경 1. 한 번에 이해하는 핵심자바스크립트는 어디서 실행되느냐에 따라 역할이 완전히 달라진다.노드 런타임(Node.js): 서버에서 실행웹브라우저 런타임: 사용자의 브라우저에서 실행👉 같은 JS라도 할 수 있는 일과 접근 권한이 다르다.2. 웹브라우저 런타임이란? (아주 쉽게)웹브라우저 런타임은 크롬·사파리 같은 브라우저 안에서 자바스크립트를 실행하는 환경이다.할 수 있는 일화면(DOM) 조작버튼 클릭, 스크롤 같은 이벤트 처리서버에 요청(fetch, axios)못 하는 일내 컴퓨터 파일 마음대로 읽기 ❌서버 프로그램 실행 ❌👉 보안 때..

😎 한 줄 요약(잘난 척용)“익스프레스는 노드JS로 API 서버를 가장 빨리 만드는 방법이다.”익스프레스(Express)란 무엇인가?노드JS로 RESTful API를 쉽게 만들게 해주는 도구1. 익스프레스를 한 문장으로 설명하면익스프레스(Express)는 노드JS 위에서 동작하는 ‘웹 서버 프레임워크’다.조금 풀어서 말하면, 👉 노드JS로 서버와 API를 만들 때 필요한 귀찮은 작업을 대신 정리해주는 도구다.2. 왜 익스프레스가 필요할까? (아주 쉽게)노드JS만 써서 서버를 만들 수도 있다.하지만 실제로 해보면 이런 문제가 생긴다.요청(URL)마다 코드를 직접 처리해야 함GET, POST 같은 요청 구분이 번거로움코드가 금방 복잡해짐익스프레스는 이걸 이렇게 바꿔준다.app.get("/users", (..

😎 한 줄 요약(잘난 척용)“노드JS는 자바스크립트로 서버까지 만드는 기술이다.”노드JS(Node.js)란 무엇인가?자바스크립트를 서버에서 실행하게 해주는 도구1. 노드JS를 한 문장으로 설명하면노드JS는 ‘브라우저 밖에서 자바스크립트를 실행할 수 있게 해주는 실행 환경’이다.원래 자바스크립트는 👉 크롬, 사파리 같은 웹 브라우저 안에서만 동작했다.노드JS 덕분에 👉 서버, API, 백엔드 프로그램도 자바스크립트로 만들 수 있게 되었다.2. 왜 노드JS가 등장했을까? (아주 쉽게)예전 웹 구조는 이랬다.프론트엔드: JavaScript백엔드: Java, PHP, Python 등 다른 언어즉, 👉 프론트와 백엔드를 서로 다른 언어로 만들어야 했다.노드JS가 등장하면서프론트엔드: JavaScript백엔..