본문 바로가기

JavaScript

(46)
TypeScript - 기본 개념과 설치해보기 1. TypeScript? JavaScript에 Type이라는 개념을 적용한 컴파일 정적 타입 언어 MS에서 개발하고 관리하는 오픈소스 프로그래밍 언어입니다. TypeScirpt는 JavaScript에 Type이란 개념을 추가함으로써 확장시킵니다. TypeScript는 코드를 실행하기 전에 컴파일(또는 트랜스파일)을 통해 에러를 디버깅하는 데 시간을 절약하게 해줍니다. 어떤 브라우저나 OS, JavaScript 실행 환경에 적용할 수 있습니다. TypeScript는 JavaScript(ECMA Script) 전체를 포함하며, 여기에 추가적인 기능을 제공하기도 합니다. TypeScript로 작성된 코드는 컴파일 과정을 거쳐 JavaScript로 변환하고, 이는 JavaScript 실행 환경인 브라우저나 N..
React - CRA 프로젝트 생성/유용한 패키지들 이전 글에서 React의 개념에 대해 알아보았습니다. https://sty110357.tistory.com/46?category=526216 React란? 이 글은 아래 웹 페이지를 번역한 글입니다. https://www.simplilearn.com/tutorials/reactjs-tutorial/what-is-reactjs#what_is_react The Best Guide to Know What Is React [Updated] Learn to understand what.. sty110357.tistory.com ---- 개발 환경은 아래와 같습니다. MacOS Monterey Rocky Linux 8.5(Docker Container) ---- 1. React 개발 환경 구축 프로젝트 생성 $ n..
React란? 이 글은 아래 웹 페이지를 번역한 글입니다. https://www.simplilearn.com/tutorials/reactjs-tutorial/what-is-reactjs#what_is_react The Best Guide to Know What Is React [Updated] Learn to understand what is React, its features, components and installation. So, read on to know more about React and refresh your core concepts. www.simplilearn.com  ---- 오늘날 세상은 모바일과 웹 애플리케이션 없이는 살아갈 수 없습니다. 택시를 예약하는 것부터 음식을 주문하거나 은행 거래하..
"Node.js 교과서" 정리 노트 - 2장, 알아두어야 할 자바스크립트 JavaScript는 매년 새로운 버전으로 업데이트되고 있습니다. 이 장에선, JavaScript의 새로운 문법을 간단히 알아보고, 프런트엔드에서 사용하는 자바스크립트 코드를 알아봅니다. 1. ES2015(ES6) 2015년 JavaScript 문법에 큰 변화가 있었습니다. JavaScript는 현재 ES2020까지 발표되었고, 일부 구형 브라우저에선 최신 JavaScript 문법을 사용할 수 없습니다. 이로 인해, 호환성에 문제가 있었지만 babel과 같은 구형 브라우저에 맞게 문법을 변환해주는 도구가 있어서 큰 문제는 되지 않습니다. ES6 부터는, 다른 언어들의 장점을 본딴 편리한 기능이 많이 추가되었기 때문에, 이제는 ES6 문법을 배워야 할 때입니다. 2. const, let 이전에는 변수를 선..
Rocky Linux에 node.js 설치하기 1. 먼저, 패키지를 모두 업데이트 해줍니다. dnf update 2. 소스 코드를 빌드할 때 필요한 라이브러리를 설치합니다. 설치 후에는 gcc, g++, make, perl 등과 각종 라이브러리들이 설치됩니다. dnf groupinstall "Development Tools" dnf install kernel-devel kernel-headers 3. url로 데이터를 전송하는 데 필요한 모듈인 curl을 설치합니다. dnf install curl 4. curl 명령어로 NodeSource를 dnf 저장소에 추가합니다. curl -sL https://rpm.nodesource.com/setup_14.x | bash - 5. node.js를 설치합니다. dnf install nodejs 6. 노드와 n..
"Node.js 교과서" 정리 노트 - 1장, 노드 시작하기 목차 1. 서버 2. javascript Runtime 3. 이벤트 기반 4. 논 블로킹 I/O 5. 싱글 스레드 6. 서버로서의 노드 7. 서버 외의 노드 1. 서버 서버(Server)란 네트워크 상에서 클라이언트의 요청을 받아 응답을 제공하는 프로그램을 뜻합니다. 예를 들어, 브라우저 주소창에 www.google.co.kr 를 입력하고 엔터를 치면, 구글 페이지가 브라우저 화면에 나타나게 되죠? 이 구글 페이지가 바로 클라이언트(사용자)의 요청에 대한 구글 서버의 응답인 것입니다. 과정을 좀 더 자세히 살펴보면... 1. 클라이언트가 브라우저에 주소를 입력하고 엔터를 치면, 브라우저는 도메인 네임 서버(DNS)에게 이 도메인(www.google.co.kr)에 대한 IP 주소를 물어봅니다. DNS는 요..