IT
IT 및 일상을 공유합니다.
Docker Desktop for mac 설치방법
Docker Desktop for mac 설치하기 일반적으로 로컬 환경에서 docker를 편리하게 설치하고 실행하기위해 사용한다. 1. 다운로드 및 설치 Docker Desktop - Docker DockerCon 2022 Don’t miss it – register now for May 10th! DockerCon is a free, immersive online experience complete with product demos, breakout learning tracks, panel discussions, hacks & tips, deep dive technical sessions from Docker experts, the dev www.docker.com dmg 파일을 다운로드하여 실행합니다..
React 시작하기
React란? 웹 프레임워크로, 자바스크립트 라이브러리의 하나로써 사용자 인터페이스를 만들기 위해 사용된다. 즉 현재 많이 활용되고있는 웹.앱의 View를 개발할 수 있도록 하는 라이브러리이다. React의 특징? 1. Data Flow 2. Component 기반 구조 3. Virtual Dom 4. Props and State 5. JSX - Data Flow React는 데이터의 흐름이 한 방향으로만 흐르는 단방향 데이터 흐름을 가진다. 단방향은 이처럼 관리하기 쉬운 특징뿐만 아니라 버추얼 돔(Virtual DOM)과 궁합이 잘 맞다. 뷰를 통째로 바꾸어주는 역할을 하기 때문에 단방향 데이터 방식은 DOM을 갱신할 때 큰 장점이 있다. - Component 구조 React는 UI(View)를 여러 ..
Vue.js 시작하기
Vue.js가 무엇?? 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크이다. 짧게 말해서, 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크이다. vue 라는 프레임워크를 선택한 이유는 여타 다른 프론트엔드 프레임워크보다 배우기 쉽다는 장점때문이다. (차근차근 쉬운것부터 쭉 나아가자) 일단 공식 홈페이지를 보면 http://https://v3.ko.vuejs.org/ Vue.js v3.ko.vuejs.org Vue CLI 란 Vue CLI는 Vue 프로젝트를 빠르게 구성하고, 빌드, 디플로이 할 수 있게 도와주는 도구입니다. CLI는 Command Line Interface의 약자로 터미널에 명령어를 입력하여 컴퓨터와 상호 작용하는 방식을 의미합니다. 설치방법을통해 설치법을 진행하면된다. # ..
Node.js 학습일지 - npm
npm 이란? 세상에는 정말 많은 자바스크립트 프로그래머가 있다. 그들은 지금 우리보다 먼저 앞서 나갔으며 정말 많은 코드를 작성해놓았다. 그리고 그 코드를 다른사람이 볼수 있게 공개하기도 했다. 이러한 공개되어 있는 서버인 npm 이라는 패키지 매니저를 알아보자. npm 대체자로 yarn이 있다. yarn은 페이스북이 내놓은 패키지 매니저이다. 1. package.Json으로 패키지 관리하기 서비스에 필요한 패키지를 하나씩 설치하다 보면 어느새 그 수가 엄청 많아질 때가 있다. 그리고 사용할 패키지는 각각의 고유한 버전이 있으므로 어딘가에 기록해야 한다. 같은 패키지라도 버전별로 기능이 다를수있다. 이에 설치한 패키지 버전을 관리하는 파일이 package.json 다. 노드 프로젝트 시작전 폴더 내부에..
Node.js 학습일지 - 환경설정(2)
1. 에디터 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com node.js 학습할 에디터로 비주얼 스튜디오 코드를 설치하자. 공식 홈페이지에서 다운로드 합니다. 2. VS Code 확장 프..
Node.js 학습일지 - 환경설정(1)
본격적으로 학습하기에 앞서 사전 준비 작업을 진행하겠다. 환경은 Macbook pro 16 MacOS 으로 ITerm , homebrew는 이미 설치 완료한 상태이다. 설치 진행 nvm node.js npm / yarn 1. brew를 활용하여 nvm 설치 2. 환경변수 설정 ~/. 이 경로에 nvm 폴더를 생성한다. 3. brew 를 활용하여 nvm 설치 homebrew를 사용하면 밑에 같이 , bash 편집기는 vi ~/. bash_profile이다. 편집기 맨 하단에 밑에 내용을 추가해준다. 입력 후 esc + :wq 명령어를 입력하여 편집기를 나온다. 터미널 프로파일에 적용한다. 4. 설치 확인 버전을 확인한다. 만약 위와 같이 명령어를 찾을 수 없다고 나오면 아까 편집기에서 적어준 경로에 cd..
2021 M1 Macbook 16인치
2021년형 M1 Macbook Pro 16인치 출시 하자마자 바로 구입했다. 스펙은 CPU 10코어 , GPU 16코어 , 16GB 메모리 , 1TB SSD 새롭게 시작하는 마음으로 400만원.. 플렉스! 회사 노예 확정이다... 여담으로 생각보다 무겁다. 13년도에 샀던 버커루 백팩 찢어 질거같음 맥북프로 + 충전기 + 책 .. 두꺼운 책.. = 그냥 집에서 공부하자!!