본문 바로가기

전체보기136

create-react-app 쓰지 않고 webpack으로 React 앱 만들기 (1) # 목표 # create-react-app을 사용하지 않고 React 앱을 만들어보자 webpack으로 하나의 js 파일로 만들어보자 webpack-hot-loader & reactwebpack-dev-server 로 수정사항 바로 확인해보자 # 패키지 설치 # npm init npm i react react-dom npm i 옵션을 통하여 설치 시 package.json에 기본 의존성 패키지(dependencies)로 추가된다. { ... "dependencies": { "react": "^16.13.0", "react-dom": "^16.13.0" }, ... } react : react의 기본 패키지 react-dom : react 코드를 랜더링하기 위한 패키지 npm i -D @babel/core.. 2020. 3. 9.
[C++] memory safety한 mysql_real_escape_string 래핑 함수 동적 할당을 이용한 mysql_real_escape_string 래핑 함수 char* Convert(const char* str) { // 모든 문자열이 escape 문자가 추가될 수 있으니 x2, 널문자를 위한 +1 int size = sizeof(str) * 2 + 1; char *convert = new char[size]; std::string ret = ""; memset(convert, 0x00, size); mysql_real_escape_string(db, convert, str, sizeof(str)); ret = convert; delete [] convert; return ret.c_str(); } 메모리를 할당할때는 Memory Safety 한지 확인이 필요하다!!! 생각 없이 so.. 2020. 3. 5.
SSH Key 생성 및 등록 방법(GitHub, Bitbucket) Github, Bitbucket 등 클라우드 원격 저장소에서 소스를 클론하기 위해서는 PC를 인증해야 한다. https는 계정으로 로그인 ssh는 ssh key가 필요하다. 그 중 ssh key를 생성 및 등록 하는 방법을 알아보자 SSH Key 생성 OS 별 사전 조건 Windows Linux Mac git bash 설치 후 사용 openssh 설치 후 사용 (기본적으로 설치 되어 있음) SSH Key 생성 $ ssh-keygen -t rsa -b 4096 -C "본인의 E-Mail" 붉은색 네모칸에는 해당 ssh key가 저장되는 path와 ssh key의 패스워드 입력이 요구된다. 패스워드를 입력하면 원격 저장소랑 통신하는 매번 입력해야하니 Enter 치고 넘어가자 (이게 상당히 귀찮다...) SS.. 2020. 2. 27.
[Python] virtualenv 활성화 방법 (git bash, cmd, bash, window, linux, mac) 사전 조건 python 2.7 이상 python 3.4 이상 virtualenv 설치 (window / linux 공용) virtualenv 모듈을 설치해 준다. pip install virtualenv virtualenv로 가상화 환경 구축 다음 명령어를 사용하면 venv라는 디렉토리에 가상화 환경을 구축하는데 python3를 base virtual으로 사용하는 모듈이 세팅 된다. virtualenv venv --python=python3 virtualenv로 python 가상환경 활성화 Linux/mac 환경 Windows 환경 (CMD) Windows 환경 (git bash) 활성화 명령어 source venv/bin/activate venv\Scripts\activate source venv/Sc.. 2020. 2. 25.
나에게 마크다운(Markdown) 언어란? 예전부터 쭈욱 사용해오던 마크다운 언어. "마크다운 언어가 뭐야?" 라는 마음속 질문에 정의를 말하지 못해서 정리해본다. 마크다운(Markdown) 이란? What is? 일반 텍스트 양식을 편집하는 문법 Where is? README 파일, 온라인 문서 등.. Why used? 쉽게 HTML, PDF 등 문서로 변환 가능 여기까지가 Wiki에서 말하는 Markdown 언어이다. 내가 생각하는 마크다운(Markdown)은? What is? 개발자라면 알아야하는 텍스트 편집 문법 Where is? Wiki(confluence, git wiki 등), git blog 등등 Why used? 개발자라면 익혀야하는 Default 필수 문법이다! 참고 https://ko.wikipedia.org/wiki/%EB%.. 2020. 2. 22.
윈도우 카오모지/이모티콘 단축키 사용으로 인싸되기 최근에 어쩌다가 윈도우 제공해주는 이모티콘 기능을 알게되었다. ❤🎪🖼🥼🧵🎠🎉🎟🎏🧨🎇🤣😂😊😍😒👌😘💕😁 👍🙌🤦‍♀️🤦‍♂️🤷‍♀️🤷‍♂️✌🤞😉😎🎶😢💖😜👏💋🌹🎂🤳🐱‍👤 🐱‍🏍🐱‍💻🐱‍🐉🐱‍👓🐱‍🚀✔✨😆🤔🤢🎁👀👱‍♂️👸🤴👳‍♀️👨‍🦱👦🧑👩‍🦰 블로그 쓸때 유용할듯 ㅎㅎ. 네이버에서도 쓸수 있다! 단축키 Window 키 + ; 단, Windows 10 1903 이후 부터 사용 가능하다. 버전 확인 방법 시작 > "winver" 입력 후 실행 > 확인 ㅜㅜ 아쉽지만 카톡에서는 안된다 2020. 2. 19.
[Google Cloud] API 사용 설정 방법 (adminSDK) 1. Google Cloud Console 로그인 Google Cloud Console(https://console.cloud.google.com/)로 접속하여 로그인 2. Project 선택 3. 라이브러리 탭 선택 4. admin SDK 검색 후 선택 5. 사용 설정 6. 완료 화면, 사용 가능한 클라이언트 확인 API 사용 설정이 완료 되면 "사용자 인증 정보" 탭에서 adminSDK API를 사용 할 수 있는 OAuth 클라이언트를 확인 할 수 있다. 2020. 2. 13.
Google Cloud 사용자 인증 정보 설정(API Key, OAuth 2.0 클라이언트 ID) 1. Google Cloud Console 로그인 Google Cloud Console(https://console.cloud.google.com/)로 접속하여 로그인 2. Project 생성 및 선택 3. 프로젝트에 해당하는 앱 이름 설정 4. OAuth 클라이언트 ID 생성 5. API 키 생성하기 끝. 2020. 2. 13.
[Google G-Suite] 관리자 권한 추가 방법 관리 콘솔 로그인 링크 : https://gsuite.google.com ① 로그인 → ② 관리 콘솔 → ③ 이동 사용자 앱 선택 권한 부여할 사용자 선택 권한 부여 끝. 2020. 2. 12.
개인 도메인이 없을 때 로컬에서 임의로 설정하여 테스트 하는 방법 배경 가끔 테스트를 하다보면 브라우저에서 IP가 아닌 도메인으로 테스트 필요할 때가 있다. 공인된 도메인이 없이 로컬 설정으로 내가 원하는 도메인으로 설정하는 방법을 알아보려고 한다. hosts 파일 수정 간단한 파일 수정으로 가능하다. 파일 경로는 아래와 같다. C:\Windows\System32\drivers\etc\hosts 위 그림과 같이 IP, 사용하고자 하는 도메인 순서로 기입한다. 확인 끝. 2020. 2. 12.
OS 별로 Hosts 파일 위치 Windows C:\Windows\System32\drivers\etc\hosts ※ 참고로 Windows에서 수정 시 관리자 권한으로 열어서 수정해야한다. Linux $ sudo vi /etc/hosts MAC OS $ sudo vi /etc/hosts 또는 $ sudo vi /private/etc/hosts 2020. 2. 12.
docker toolbox 사용 시 Error response from daemon: invalid mode 에러 처리 에러 문구 $ docker run -it --name dev7 -v /c/Users/MINE/workspace:/workspace 이미지 이름 /bin/bash C:\Program Files\Docker Toolbox\docker.exe: Error response from daemon: invalid mode: \Program Files\Git\workspace. See 'C:\Program Files\Docker Toolbox\docker.exe run --help'. * 모자이크 처리된 부분은 개인 정보라서 가렸습니다. (도커 이미지 이름 입니다) 발생 배경 개발 환경을 세팅한 이미지를 pull해서 그대로 run했으나 위와 같은 에러 문구 발생 조치 정말 어이없다; run 명령어 중 volume 관.. 2020. 2. 10.