본문 바로가기

전체 글64

React에 직접 적용하기 전 TypeScript 간단하게 알아보기 TypeScript 타입스크립트가 무엇인가? 자바스크립트의 "superset"언어이며 자바스크립트를 기반으로 하되 보다 더 확장된 언어이다. 자바스크립트의 기본적인 문법과 코드 작성법을 그대로 사용하면서 몇 가지 기능을 추가한 것이다. 타입스크립트는 JS의 라이브러리가 아니기 때문에 새로운 기능을 만들거나 기능을 확장하진 않는다. 정적 타입(statically Typed)의 특징을 갖는다는게 중요하다. 자바 스크립트는 원래 동적 타입 언어인데 Type이 고정되어 있지도 않고 함수에서 사용할 Type을 미리 정해두지도 않은 상태에서 전달된 변수를 받아 코드를 실행한다. 그럼 쓰는 이유는 뭘까요? 만약 대규모 프로젝트에서 함수나 객체를 의도치 않은 방식으로 사용할때 자바스크립트는 경고해주지 않고 일단 무조건.. 2024. 1. 22.
React-Router-Dom React-Router-Dom에 대해서 알아보자! 우선 간단하게 라우팅이란.. -> 네트워크의 경로를 선택하는 process 라고 말한다. 쉽게 풀어서 말하자면 내가 가야 할 곳의 목적지를 맞게 이동시켜 주는 작업이라고 볼 수 있다. React-Router를 사용하는 이유 리액트는 기본적으로 SPA(Single Page Application)이다. 컴포넌트의 변화가 단일 페이지 안에서 일어난다. 그렇기에 다른 URL로 이동한다고 해도 페이지 전체가 교체되는게 아니라 한 페이지에서 컴포넌트의 변화만 일어난다. -> 이렇기에 사용자의 히스토리가 생기기 않아 뒤로가기 기능을 수행 할 수없고 특정 페이지 북마크, 새로고침 기능이 불가능해진다. 이러한 단점을 React-Router로 보완한다. Router의 종류.. 2024. 1. 18.
컨테이너 만들어 보기 여기 NodeJS로 간단히 코드를 작성 해보았다. 원래 이 코드를 실행하기 위해선 NodeJS를 다운받고 실행해야한다. 하지만 도커를 사용하여 이 코드를 컨테이너에서 실행해보려한다. 컨테이너를 항상 이미지를 기반으로 하기에 먼저 이미지를 생성해야한다. 우리는 이미지를 생성하기위해 Dockerfile이라는 확장자 없는 도커파일을 생성했다. 아직은 자세히 하나 하나 모르겠지만 종합하면, 이 Dockerfile은 Node.js 애플리케이션을 실행하기 위한 환경을 구성하고 필요한 종속성을 설치한 뒤, 해당 애플리케이션을 실행하는 데 필요한 설정을 제공한다. 이제 통합 터미널을 열어 Docker build . 이라는 커맨드를 입력해서 Dockerfile 이미지를 빌드한다. 주의사항 1. Docker Desktop.. 2024. 1. 14.
Docker와 container Docker는 컨테이너 기술이다. -> 컨테이너를 생성하고 관리하기 위한 도구이다. 그럼 여기서 소프트웨어 개발에서 컨테이너란 무엇이며 왜 사용해야 하는가? 소프트웨어 개발에서 컨테이너는 표준화된 소프트웨어 유닛이다. 예를 들어 NodeJS Application을 구축하는 경우에 NodeJS는 서버에서 JavaScript 코드를 실행하는데 사용할 수 있는 JS runtime 이다. Docker로 bulid된 컨테이너가 있는 Application이 있는 경우 그 컨테이너에는 소스 코드 뿐만 아니라 NodeJS runtime과 코드를 실행하는데 필요한 기타 도구가 있을 수 있다. 동일한 NodeJS 코드와 도구를 사용하는 컨테이너는 NodeJS runtime에 항상 동일한 동작과 결과를 제공한다. 약간 쉽게.. 2024. 1. 11.

티스토리툴바