본문 바로가기

카테고리 전체102

[인프런 강의] zerocho Slack 클론 코딩 (4) - 기본 세팅 (ts + webpack 실행) [인프런 강의] zerocho Slack 클론 코딩 (4) - 기본 세팅 (ts + webpack 실행) 저번 포스팅에는 webpack + babel을 설정하였다. 이번 포스팅에는 ts + webpack을 세팅해보겠다. Typescript(타입 스크립트)는 자바스크립트와 비슷하지만 정적 타입을 명시함으로써 코드의 품질, 타입 체킹, 높은 생산성을 지니는 프로그래밍 언어이다. webpack은 이전 포스팅에서도 말했다시피 모든 파일(. css,. js. html 등)을 하나의 파일로 합치는 모듈 번들러이다. 1. aleacture/layouts/ 폴더를 만들고 App.tsx를 만들고 다음과 같이 작성한다. App.tsx import React from 'react'; const App = () => { re.. 2022. 10. 17. 14:15
[인프런 강의] zerocho Slack 클론 코딩 (3) - 기본 세팅 webpack, babel [인프런 강의] zerocho Slack 클론 코딩 (3) - 기본 세팅 webpack, babel 저번 포스팅에서 이어서 프론트엔드 설정을 계속한다. webpack과 babel을 설정해야한다. 웹팩은 모듈 번들러로서의 역할을 하고, 모듈 번들러란 웹 애플리케이션을 구성하는 몇백 개의 자원을 하나의 파일에 합치는 것을 말한다. 자세한 내용은 zerocho님의 React 무료강좌에도 있다고 한다. 바벨은 이전 포스팅을 링크 해놓았다. 2022.09.29 - [개발/Javascript] - Babel과 polyfill Babel과 polyfill Babel 바벨은 자바스크립트 컴파일러이다 . ECMAScript 2015+ 코드를 이전 버전의 JavaScript로 변환하는데 주로 사용되는 도구 체인이다. 아래.. 2022. 10. 14. 22:50
[인프런 강의] zerocho Slack 클론 코딩 (2) - 기본 세팅 Node.js 와 mysql 설치 이번 강의는 Node.js 와 Mysql을 설치하는 내용이다. Node.js 는 이미 포스팅해놓았기때문에 아래 링크로 가면 된다. 2022.10.13 - [개발/개발지식] - [환경설정] Node.js, npm 설치하기 [환경설정] Node.js, npm 설치하기 Node.js 및 npm 설치하기 포스팅이나 개발을 하다 보면 항상 나오는 node.js와 npm의 설치 방법을 다루려고 한다. Node.js Node.js 공식홈페이지 메인화면에서는 Node.js를 다음과 같이 설명한다. Node.js®는 C ijw9209.tistory.com Mysql 은 아직 포스팅을 안해놓아서 곧 포스팅하면 링크를 추가하겠다. 프론트엔드 개발환경 세팅 프론트엔드 개발 환경은 버전의 호환.. 2022. 10. 14. 13:27
[환경설정] Git 설치하기 (windows) Git 설치하기 (windows) GIT Git은 형상관리 도구 중 하나로 로컬 파일의 변경사항을 기록하고 해당 파일에 대한 여러 사용자의 작업을 조율하기 위한 버전 관리 시스템(VCS : Version Control System)이다. 이번에 볼 내용은 Git을 다운로드하고 설치하는 내용을 다루겠다. 매번 개발 환경을 세팅하려면 구글을 통해 내용을 찾아보게 되는데 내 블로그에 정리함으로써, 설치 내용도 알아가고 다음에 설치할 때 어려움 없이 설치하기 위해서 포스팅을 남긴다. Git 설치 방법 git 설치는 git 공식 사이트를 접속하여 설치할 수 있다. 1. git 사이트 접속 (git-scm)사이트에 접속한다. 아래 링크 클릭 https://git-scm.com/ Git git-scm.com 2. 깃.. 2022. 10. 14. 01:45
[환경설정] Node.js, npm 설치하기 Node.js 및 npm 설치하기 포스팅이나 개발을 하다 보면 항상 나오는 node.js와 npm의 설치 방법을 다루려고 한다. Node.js Node.js 공식홈페이지 메인화면에서는 Node.js를 다음과 같이 설명한다. Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 즉 Node.js는 자바스크립트 애플리케이션뿐만 아니라, 서버를 실행하는 데 사용된다. NPM NPM은 Node Package Module의 약자이다. Node.js로 만들어진 패키지들을 간단한 명령어로 다운로드할 수 있고, 관리해줄 수 있다. Node.js 설치방법 1. 아래의 Node.js 공식 홈페이지를 방문한다. https://nodejs.org/ko/ Node.js Nod.. 2022. 10. 13. 23:42
LG그램 16인치 16ZD90Q-EX56K 구매 LG 그램 16인치 16ZD90 Q-EX56K 구매 후기 최근에 개발용 노트북이 필요해서 LG그램 제품을 구입하였다. 작은 돈이 아니다 보니 구매하기까지 매우 많은 고민을 하였다. (사실 이렇게 큰돈을 잘 못쓰겠다..) 여러 제품을 둘러보다 내가 원하는 가격대와 원하는 스펙을 고르고 또 골라서 구매하게 되었다. 다나와에서 여러 제품과 스펙을 보고, 고민과 고민 끝에 결정하게 되었다 내가 중점으로 둔 것은 화면은 16인치 이상, SSD 512GB, 램 16기가, 무게는 가벼울 것(1.2kg ~1.5kg), 외장 그래픽, 가격대는 150~ 170만원대를 가장 중점적으로 고민하였다. 그래서 16ZD90Q-EX56K의 스펙은 - CPU : i5-1240P - 그래픽 카드 : RTX 2050 - RAM : 16G.. 2022. 10. 13. 22:54
728x90

티스토리툴바