본문 바로가기

전체 글

 (179)
[#. Python3] Python 웹 브라우저에서 자동화를 위한 동작하기, 초기 설정 ① 초기 설치 ⑴ python3 설치 https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org pip -V pip3 -V pip3 install virtualenv ⑵ 가상환경 설치 virtualenv virtualenv venv source /venv/bin/activate ⑶ 가상환경에 selenium, chromedriver 설치 (venv)$ pip3 install selenium # 크롬 브라우저 버전이 90 이하인 경우 (venv)$ brew install chromedriver # 크롬 브라우저 버전이 91 이상인 경우 # https://c..
[#. ETC] 디자이너 없이 개발할 때 참고하기 유용한 사이트(color, gradient, svg, png, background) ColorSpace 원하는 색상 하나를 지정하면 그 색상과 어울리는 색상들을 뽑아준다 https://mycolor.space/ ColorSpace - Color Palettes Generator and Color Gradient Tool Just Enter a Color! And Generate nice Color Palettes mycolor.space * gradient = 한 가지 또는 그 이상의 색을 자연스럽게 변화시켜 색상 변화를 단계별로 표현한 것 CSS Gradient https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient generator tool, this website le..
[#. JavaScript] 초성, 중성, 종성 구하기 / 앞 단어에 따라 은, 는, 이, 가 조사 붙이기 앞에 오는 단어에 따라 은, 는, 이, 가를 붙이도록 하고 싶다 한글은 초성, 중성, 종성으로 이루어져 있다 초성: 19자 (ㄱ, ㄲ, ㄴ, ㄷ...) 중성: 21자 (ㅏ, ㅐ, ㅑ, ㅒ...) 종성: 28자 (ㄱ, ㄲ, ㄳ, ㄴ...) 19x21x28 = 11172 55203-44032+1=11172 유니코드에서 한글은 10진수로 44032 ~ 55203 까지다 charCodeAt() 메서드는 주어진 인덱스에 대한 UTF-16 코드를 나타내는 0부터 65535 사이의 정수를 반환한다 '가'.charCodeAt(0);// 44032 가는 44032, 각은 44033이다 가에 종성을 다 붙이고 나면 개에 종성을 붙이는 순서로 이어진다 초성 얻기 unicode 정수값을 uni라고 했을 때 parseInt(..
[#. JavaScript] 일수 계산하기 2022-01-01부터 2022-01-04일까지 4일이라는 일수를 구하고 싶다 혹은 오늘부터 2022-01-05일까지의 일수를 구하고 싶다 // 2022-01-01부터 2022-01-04까지 일수 let d1 = new Date('2022-01-01'); let d2 = new Date('2022-01-04'); let msec = d2.getTime() - d1.getTime();// 2732400000 let days = msec / (1000 * 60 * 60 * 24); // 3 // 시작일자를 포함하지 않기 때문에 시작일자를 포함하고 싶으면 +1을 해줘야 한다 // 오늘부터 2022-01-06까지 일수 let today = new Date(); let d3 = new Date('2022-01-0..
[#. Browser] Canary란? Chrome Canary, Microsoft Edge Canary 자바스크립트 엔진 자바스크립트 엔진의 기본적인 역할은, 개발자가 작성한 자바스크립트 코드를 브라우저에 의해 해석되거나 어플리케이션에 임베드 될 수 있는 빠르고 최적화된 코드로 변환하는 일이다 실제로 JavaScriptCore는 스스로를 ‘최적화 가상 머신’ 이라 부른다 더 자세하게 말하면, 각각의 자바스크립트 엔진은 특정 버전의 ECMAScript를 구현한다 ECMAScript가 발전하는 만큼, 자바스크립트 엔진도 발전한다 수많은 자바스크립트 엔진이 존재하는 이유는 각각의 엔진이 서로 다른 웹브라우저, 헤드리스(headless) 브라우저, Node.js와 같은 런타임 등에서 동작하도록 만들어졌기 때문이다 자바스크립트 엔진을 다른 말로는 ECMAscript라고 도 부른다고 한다 웹 브라우저마다 사용하는 엔..
[#. Storybook] React+Typescript+Storybook 시작하기 ① react 프로젝트에 storybook 설치 및 실행 ⑴ 설치 $ npx create-react-app [프로젝트명] --template typescript 아래 명령어들은 react 프로젝트 경로에서 입력한다 $ npx sb init ⑵ 실행 # npm $ npm run storybook # yarn $ yarn storybook @ npm run storybook 했지만 실행 에러 발생했을 경우 package-lock.json, yarn.lock, node_modules 삭제 npm cache clean --force npm install 아래 화면이 잘 뜨면 된다 @ 기존 React 프로젝트에 typescript 적용할 경우 # npm npm install typescript @types/nod..
u[#. TypeScript] TypeScript 기초, 기본 개념 시작하기 TypeScript를 쓰는 이유 큰 프로젝트일수록 JS의 자유도는 독이 된다 에러 메시지 퀄리티가 높다 * React에서 TypeScript를 사용한다면 .ts 대신 .tsx를 사용해야 한다 .ts는 순수 TypeScript 파일에 사용하고 .tsx는 JSX를 포함하는 파일에 사용하기 때문이다 .ts 파일에서 React를 사용하면 에러가 발생한다 @ JavaScript와 TypeScript 차이점 JavaScript TypeScript - 컴파일 필요(to JS) 동적(Dynamic) 언어 정적(Static) 언어 Runtime 에러 발생 Runtime 전에 에러 발생 Interfaces, Generics X Interfaces, Generics O 배포 전에 JavaScript로 컴파일되어야 한다 ① ..
[#. VSCode] Mac에서 code . 명령어로 VSCode 실행하기 * Mac을 사용하고 oh-my-zsh을 사용하고 있다 ① command + shift + p 입력 후 Shell 서치 Shell command 'code' successfully installed in PATH. 클릭해 준다 ② .zshrc에 설정하기 $ vim ~/.zshrc 아래 내용을 복사해서 입력하고 저장해 준다 code () { VSCODE_CWD="$PWD" open -n -b "com.microsoft.VSCode" --args $* ;} ③ .zshrc 변경사항 실행하기 $ source ~/.zshrc ④ code . 명령어로 실행하기 프로젝트 폴더 경로에서 아래 명령어를 입력하면 VSCode가 실행되는 것을 볼 수 있다 $ code .

티스토리툴바