본문 바로가기

전체 글

(339)
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 하면 됩니다. 자동정..
툴루즈 로트렉 전시후기 툴루즈 로트텍(후기 인상파) 전시를 봤다. 마네, 모네, 르누아르는 아는데 로즈텍은 처음 들어봤다. 그당시에 포스터, 팜플렛, 잡지기고 등 다양하게 활동을 했다. 난 말 그림이랑 새벽에 마차로 이동하는 청소부 그림이 인상깊었다. 로즈텍은 '인생은 멀리서 보면 희극이고 가까이에서 보면 비극이다' 라는 말이 어울리는 삶을 산것 같다. 가끔 이렇게 전시회를 보게 될때, 예술이란 무엇인가? 라는 생각을 한다. 예술은 작가의 삶 그자체다. 전시되고 평가되는 것은 예술가의 삶이다. 그렇기 때문에 예술가는 그 시대의 예술을 해야한다. 살고 있는 시대의 현상과 니즈를 회피 말고, 직면해야한다. 그래야 작품에 그 가치를 담긴다. 로즈텍도 그 시대를 직면했다. 고통속에서 직면한게 느껴진다. 그는 그 시대를 그 시대만의 방..
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..
JavaScript assign 문법 a = { a: '1', b: '2', c: '3' } // {a: "1", b: "2", c: "3"} Object.assign(a, function () { return { d: '4' }; }()); // {a: "1", b: "2", c: "3", d: "4"} Object.assign(a, {e: '5'}); // {a: "1", b: "2", c: "3", d: "4", e: "5"} Object.assign(a, {f: function() { return 'hello'}}); /* a: "1" b: "2" c: "3" d: "4" e: "5" f: ƒ () */ Object.assign(a, {g: function() { return 'hello'}()}); /* a: "1" b: "2" c..
기생충 후기 계속 긴장하면서 봤다. 개연성부분에 약간의 의문이 있었지만, 영화는 영화로써 존재하기에 몰입에 문제는 없었다. 피자박스 송강호만 박스를 빠르게 접는 영상을 보고 따라 접는다. 하지만, 송강호가 접은 박스는 불량이다. 열심히 했지만 결국 불량이다. 계획과 무계획 '와이파이도 안되는데 계획이뭐야?' "아버지 저는 범죄라 생각하지않아요.. 이 대학 내년에 꼭 갈꺼예요" "너는 계획이 다 있구나?" "절대실패하지 않는계획은 무계획이다 계획을 하면 반드시 계획대로 안되거든 인생이.. " 송강호에게는 미래의 계획은 의미가 없다. 현실도 벅차기 때문이다. 아무리 그래도 계획을 안세워본 사람이 있을까? 세워봤는데 의미가 없으니깐 세우는 걸 포기하게 된거다. 이제 송강호에게 계획은 누군가를 안심시키기 위한 수단일 뿐이지..
gitignore 문법 디렉토리 예외처리 temp/velbi/test.jpg 이럴때 velbi 디렉토리를 예외처리하고 싶으면 temp/velbi/ 가아닌 그냥 velbi/ 라고 적으면 무시된다.
오픈소스 첫 PR 후기 '오픈소스' 이제는 누구나 알고있는 단어다. 하지만 친구들끼리 PR하는 것이 아닌, 유명 리포지터리에 PR한다는 것은 뭔가 어렵게 느껴졌다. 최근 WebGL 엔진에 관심에 생겼고, 그 중 스냅챗에서 인수한 PlayCanvas 라는 WebGL 엔진을 사용하고 있었다. 사용하다 이상하다 싶은 것들은 이슈에 등록했고, 이슈에 등록하니 신기하게 반응이 바로바로 왔다. 그러던중 path 관련 함수를 사용하기위해 문서를 확인하니 관련 API 문서가 없었다. 소스를 확인하니 JSDoc 주석으로 문서를 생성을 하는데, 최근 만들어진 함수는 아직 주석이 안달려있었다. 그래서 주석을 달아 첫 PR을 했다. https://github.com/playcanvas/engine/pull/1809 [DOCS] Add documen..