본문 바로가기

전체 글

[golang] VS Code에서 Go 설치하기 (환경설정) 설치 golang.org 에서 Go 를 다운받습니다. 저는 go.1.15.3.windows-amd64.msi 를 다운받았습니다 😀 설치가 다 되었는지 확인하기 위해 터미널에 버전확인을 해봅니다. go version 환경변수 확인해 GOROOT와 GOPATH 를 확인합니다. go env GOROOT는 go가 설치된 곳이고, GOPATH는 내 작업소스가 있는 곳 입니다.(모듈이 여기로 다운로드됩니다.) 저는 GOPATH 경로를 C\go-workspace 로 변경했습니다. (내PC > 우클릭 > 시스템속성 > 환경변수 > 위쪽에 GOPATH 경로수정) VS Code VSCode Extensions 에서 Go(Go Team at Google) 를 설치합니다. 이 Extension의 ReadMe.md 를 읽어보면.. 더보기
[react] 스타일링 설정하기 Sass 사용하기 Sass 는 .sass 확장자와 .scss 확장자를 지원합니다. 보통 .scss 확장자를 사용합니다. yarn add node-sass 이 라이브러리는 Sass 를 css로 변환해줍니다. sass-loader 설정 커스터마이징하기 create-react-app 으로 만든 프로젝트는 구조의 복잡도를 낮추기 위해 세부 설정이 숨겨져 있습니다. 이를 커스터마이징하려면 프로젝트 디렉터리에서 yarn eject 명령어를 통해 세부 설정을 밖으로 꺼내 주어야 합니다. (commit 한후) yarn eject webpack.config.js 에서 "sassRegex" 두번째 탐색결과에서 use 부분을 아래와 같이 수정합니다. { test: sassRegex, exclude: sassModuleReg.. 더보기
Reactjs code snippets 설정하기 VSCode 확장프로그램에서 설치를 합니다. 작성자가 charalampos karypidis 인 프로그램을 설치합니다. 코드를 작성할때 자주 반복적으로 작성하기 귀찮으니 단축키를 입력해서 쉽게 템플렛을 가져옵니다. 현재 저는 rsc 만 사용하고 있습니다. 더보기
ESLint와 Prettier 설정하기 ESLint ESLint는 문법검사 도구입니다. VSCode 확장프로그램에서 다운받으면 됩니다. Prettier-Code formatter 코드 스타일을 자동으로 정리해주는 도구입니다. VSCode 확장프로그램에서 다운받으면 됩니다. .prettierrc를 프로젝트의 루트 디렉토리에 만들어줘야 합니다. (설정예제) { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, } 정렬은 파레트명령어(F1 또는 ctrl + shift + p)에서 format selection(부분정렬) 또는 format document(전체정렬) 를 입력해야합니다. 단축키는, 부분 정렬 하려면 뭔하는 부분 드래그하고 ctrl + k + f 하면 됩니다. ctr.. 더보기
코드 비교문은 이해할수 있게 두번째 if 문 두번째 if 문을 보면, 사실 코드를 간단히 작성할수 있다. 하지만, 저걸 왜하는지 이해할수 있게 코드를 작성하기위해 is_pos 함수를 만들었다. 즉, 이것이 xxx 상태인가 라는 함수이름을 만들어 로직을 작성하면 코드를 이해하기 쉽다. 로직이 복잡해져도 주석을 다는것보다 깔끔하고 가독성있다. 더보기
DB에는 유효한 값을 넣어야한다 특수문자를 포함한 객체 데이터를 디비에 넣을 일이 있었다. (이메일 등..) 근데 POST로 프론트에서 넣을려하니깐, 특수문자가 %3A%2F%2F 이런식으로 인코딩 됐다. 그래서 다시 get할때 decode() 함수를 적용했는데 이런식으로 디비에 넣으면 안된다는 조언을 들었다. 이유는 DBA나 백엔드 개발자가 알아볼수가 없기때문이다. 그래서 디비에는 유효한 값을 넣어야한다고 한다. 그래서 그냥 백엔드 개발자가 내가 인코딩해서 보낸걸, 디코딩해서 디비 저장했다. 끝. 더보기
툴루즈 로트렉 전시후기 툴루즈 로트텍(후기 인상파) 전시를 봤다. 마네, 모네, 르누아르는 아는데 로즈텍은 처음 들어봤다. 그당시에 포스터, 팜플렛, 잡지기고 등 다양하게 활동을 했다. 난 말 그림이랑 새벽에 마차로 이동하는 청소부 그림이 인상깊었다. 로즈텍은 '인생은 멀리서 보면 희극이고 가까이에서 보면 비극이다' 라는 말이 어울리는 삶을 산것 같다. 가끔 이렇게 전시회를 보게 될때, 예술이란 무엇인가? 라는 생각을 한다. 예술은 작가의 삶 그자체다. 전시되고 평가되는 것은 예술가의 삶이다. 그렇기 때문에 예술가는 그 시대의 예술을 해야한다. 살고 있는 시대의 현상과 니즈를 회피 말고, 직면해야한다. 그래야 작품에 그 가치를 담긴다. 로즈텍도 그 시대를 직면했다. 고통속에서 직면한게 느껴진다. 그는 그 시대를 그 시대만의 방.. 더보기
Object.create() 란 ES5 Object.create() 는 ES5 문법입니다. ES6 에서는 new 문법을 사용합니다. The Object.create() method creates a new object, using an existing object as the prototype of the newly created object. 새로 생성될 객체의 프로토타입 객체를 넣어주면, 새로운 객체가 생성됩니다. 아래의 예제를 보면 어떻게 작동하는지 쉽게 알수있습니다. const person = { isHuman: false, printIntroduction: function () { console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`); } }; const me.. 더보기