본문 바로가기

전체 글

(73)
Java - 기본 문법 Java 기본 문법 정리입니다. 1. Tutorial 1.0 public class /** * App */ public class App { public static void main(String[] args) { // code space } } 1.1 print System.out.println("Hello World"); System.out.print("this is on "); System.out.println("same line."); System.out.println("He said \"I\'m not ok. using Backslash (\\) \""); // Operators String x1 = "10"; int x2 = 20; System.out.println(x1 + x2); // St..
JavaScript 비동기 완벽하게 이해하기 *목차 - intro - JavaScript는 Single Thread - Event Loop란? - 비동기(Asynchronous) 동작 예시 예제 1. 예제 2. 예제 3. 예제 4. - 비동기 프로그래밍 1. Callback Function 2. Promise 3. Async, await Intro 웹 개발의 첫 단추를 끼우며 JavaScript언어를 처음 접했을때의 기억이 떠오릅니다. JavaScript는 어설픈 규칙('1' + 1 = '11') 이 있었으면서도 Web Application에서 거의 유일하게 사용 가능한 프로그래밍 언어였기 때문에 피해갈 수 없는 관문 같은 느낌이었습니다. 그래도 몇 주 지나니 친숙한 언어로 금방 사용이 가능했습니다. 그러던 도중에 JavaScript 비동기(Asy..
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...