본문 바로가기

전체 글

(90)
Node.js란? * 목차 - Intro - Runtime이란? - Javascript란? - Node.js란? Intro 필자는 지금까지 C/C++, Java, Python으로 주로 개발을 진행해 왔습니다. 그러다 어느날 Web 개발에 몸을 담기 시작했고, Node.js를 마주하게 되었습니다. 도대체 Node.js란 무엇일까요? Node.js란? Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 감사합니다. * reference https://nodejs.org/ko 라고 끝낼 순 없죠ㅎㅎㅎ 이 글은 Node.js가 무엇인지 정확하게 이해하기 위한 것이 목적입니다. Node.js를 제대로 알고 개발하는 것과 Javascript 문법만 대충 알고 개발하는 것은 많은 차이가 있다 생각합..
Redux로 React의 Props drilling 해결하기 *목차 - 소개 - 예제 - 요구사항에 따른 Props drilling 발생 - redux 설치 - redux 적용 예제 * React, React hook에 대한 사전 지식이 필요합니다. React란? * 바쁘신 분들을 위한 3줄 요약 1. React는 Meta(Facebook)에서 만든 Javascript 라이브러리이다. 2. JSX 문법을 지원하여 html tag를 마치 프로그래밍 하듯이 작성할 수 있다. 3. Hook, 가상 DOM을 통해 Web applicatio tyoon9781.tistory.com React Hook 알아보기 * 목차 - Intro - Hook이란? - React 18에서 제공하는 Hook의 종류 - 마치며 Intro * react18.2.0 version를 기준으로 설명합..
Windows에서 tensorflow GPU 환경 설정 * 목차 - intro - 필요한 환경설정 확인 1. 보유한 GPU가 CUDA를 지원하는가 2. WSL2 3. TensorFlow 설치 요구사항 - 환경설정 1. Nvidia Driver 설치 (Update) 2. WSL2 설치 (Ubuntu-22.04) 3. CUDA 설치 4. cuDNN 설치 5. tensorRT 설치 6. Python, pip 설치 7. TensorFlow 설치 - 예제 코드 1. GPU 확인 2. 학습 코드 Intro 필자는 원래 영상 처리 알고리즘을 위해 TensorFlow을 Linux에 설치하여 성능이 좋은 알고리즘을 개발하고는 했습니다. 그런데 어느날, 집에서도 Deep learning 알고리즘을 구연하면 어떨까 하는 생각이 들어 집 컴퓨터에서도 TensorFlow를 설치하려..
EC2 vs GCE EC2는 들어보신 분들이 많으시겠지만 GCE는 처음 들어보시는 분들이 있을 것이라 생각됩니다. 2개의 Cloud Computing을 비교하기 위해서 우선 배경이 될만한 부분부터 알려드리도록 하겠습니다. Google Cloud란? Google에서 제공하는 Cloud Computing 서비스 전체를 제공하는 회사를 의미합니다. 같은 시장의 다른 업체인 AWS(Amazon 社), Azure(Microsoft 社)를 이어 전 세계 규모 3위를 차지하고 있습니다. AWS 선점효과로 인해 많은 회사들이 AWS를 주로 사용하고 있지만 Microsoft의 Office program연동, ChatGPT의 등장으로 Azure의 사용도 점점 늘어나고 있는 추세입니다. 그리고 Google Cloud는 그 뒤를 쫓고 있는 형세..
React Hook - useEffect * 목차 - Intro - Example - Extension 1. Dependencies - Extension 2. Connecting to an external system - Extension 3. Controlling a non-React widget - 마치며 * Hook의 기본개념을 알고 싶으시다면 React 소개부터 보시길 바랍니다 React란? * 바쁘신 분들을 위한 3줄 요약 1. React는 Meta(Facebook)에서 만든 Javascript 라이브러리이다. 2. JSX 문법을 지원하여 html tag를 마치 프로그래밍 하듯이 작성할 수 있다. 3. Hook, 가상 DOM을 통해 Web applicatio tyoon9781.tistory.com Intro value의 life cyc..
yarn global add typescript - Command 'tsc' not found, but can be installed with:sudo apt install node-typescript * 바쁘신 분들을 위한 빠른 조치 yarn config set prefix ~/.yarn-global yarn global add typescript echo 'export PATH="~/.yarn-global/bin:$PATH"' | tee -a ~/.bashrc source ~/.bashrc tsc * 환경은 ubuntu 기준으로 설명합니다. AWS - EC2 초 간단 생성 + vscode 원격연결 (2023년 version) 독립된 서버가 급히 필요한데 주변에 아무것도 없다면? Linux OS가 필요한 상황인데 집에 Windows만 있는 상황이라면? Docker를 windows 환경에서 또 새로 구축하긴 귀찮죠... 그럴 때는 EC2를 사용해 봅시 tyoon9781.tistory.com 혹시 glo..
TypeScript - tutorial * 목차 1. Intro 2. TypeScript Compiler 설치 3. 간단 Typescript 예제 3.1. number 3.2. string 3.3. boolean 3.4. object 3.4.1 interface 3.4.2 type 3.5. array 3.6. tuple 3.7. enum 3.8. any 3.9. void 3.10. never 3.11. String Literal Types 3.12. function 3.13. generic * 본 글은 javascript에서 정형화 되어 있지 않는 type으로 인해 고통받으신 분들을 위한 글입니다. javascript의 기본 지식을 필요로 합니다. Intro JavaScript는 Type과 상관없이 연산을 성공하는 경우가 있는데 이는 개발자가..
React Hook - useReducer * 목차 - Intro - Example - Extension 1. useState vs useReducer - 마치며 * React Hook useState를 알고있다는 전제 하에 글이 진행됩니다. useState 개념이 잡혀있지 않으신 분들은 이 글을 먼저 읽어주세요 React Hook - useState * 목차 - Intro - Example - Extension 1. functional update - Extension 2. object update - Extension 3. create initial state by function - Extension 4. Resetting state with a key - 마치며 * 혹시 React Hook 자체가 개념이 잡혀있지 않으신 tyoon9781...
React Hook - useState * 목차 - Intro - Example - Extension 1. functional update - Extension 2. object update - Extension 3. create initial state by function - Extension 4. Resetting state with a key - 마치며 * 혹시 React Hook 자체가 개념이 잡혀있지 않으신 분들은 이 글을 먼저 읽어주세요 React Hook 알아보기 * 목차 - Intro - Hook이란? - React 18에서 제공하는 Hook의 종류 - 마치며 Intro * react18.2.0 version를 기준으로 설명합니다. React의 특징으로는 3가지를 뽑을 수 있습니다. jsx 문법 Hook 가상 DOM 이 3가지..
React Hook 알아보기 * 목차 - Intro - Hook이란? - React 18에서 제공하는 Hook의 종류 - 마치며 Intro * react18.2.0 version를 기준으로 설명합니다. React의 특징으로는 3가지를 뽑을 수 있습니다. jsx 문법 Hook 가상 DOM 이 3가지에 대해서는 기본적으로 알고 있다고 생각하고 글을 작성하도록 하겠습니다. 만약 이 3가지의 개념이 없으신 분들은 먼저 이 글을 읽어보시길 바랍니다. React란? * 바쁘신 분들을 위한 3줄 요약 1. React는 Meta(Facebook)에서 만든 Javascript 라이브러리이다. 2. JSX 문법을 지원하여 html tag를 마치 프로그래밍 하듯이 작성할 수 있다. 3. Hook, 가상 DOM을 통해 Web applicatio tyoo..