[작성자:] jy lee

12 4월 2021

React 기반 Headless-WordPress 구축(feat. WSL)

최근 React의 인기가 높아지면서,
기존 워드프레스의 CMS API를 활용하면서 프론트엔드를 React로 구성할 수 있도록 Headless-CMS에 관심을 가지게 되었다.
(Wordpress는 기본적으로 PHP 기반 CMS(Content Management System)인데,
높은 확장성을 가지고 있고, 다양한 플러그인을 지원하기 때문에 자유도가 높다.)

게다가, 줄곧 WSL(Windows Subsystem for Linux)을 계속 사용해보고 싶었던 터라
윈도우 노트북에 Ubuntu + NextJS + GraphQL의 구성으로 데이터만 받아와서 뿌려줄 수 있도록 프로젝트를 생성하기로 했다.

5 4월 2021

첫 기능 구현형 코딩 테스트

광고 결과적으로, 오늘의 테스트로 React 코드를 찾아보는 계기가 되었다. 호이스팅/클로저/레벨스코프, Iterator, Cors, 이벤트 위임 정리가 끝나는대로 전반적인 react 쓰임새와 prototype, Iterator를 중심으로 클론코딩이나 오픈소스를 통해 봐야겠다. 네이버 AD-Tech에 넣어놨던 서류를 뇌리에서 지워갈 때쯤 코테 연락이 왔다.Codility에서 기본 문제들이랑, 이진 탐색, 탐욕법까지 보고 들어갈 예정이었으나,게으름으로 인해 탐욕법은 못보고 들어갔다. 하지만, 결과적으로 공부는 됐지만 이번 준비에는 의미가 없었다.프로토타입으로 유효성 검사를 구현하는 문제랑react로 Search를 구현하는 문제가 110분 제한으로 […]

23 3월 2021

[vJS] Prototype

Prototype을 사용할 경우, 메모리의 절약이 가능하며 2배가량의 속도 이득을 볼 수 있다(2번 참고). 설계 방식이 까다롭고 사용법을 익히는 데에 시간이 필요하지만, 다루는 객체가 복잡해지고 또 실행의 빈도 수가 높아짐에 따라 프론트엔드에서 다뤄야 하는 필수 요소이다.

11 2월 2021

Overwatch 쓰리스타/Naver Financial 면접 어려워/EpikHigh 등 (2021설연휴)

광고 1.수정이들 덕분에 처음으로 기술 포스팅 일일 150view를 찍는 경험을 했다.교내 개발 커뮤니티에도 도움되는 글이었으면 좋겠다. 2. 미국에서의 일일 유입이 24view 늘었다. Xiaomi gts2 커스텀 사진 때문인가 3. 블루투스 이어폰은 지금까지 잃어버린 게 3 ~ 4쌍.Motorola Earbuds 캡슐형 케이스에 이끌려 사용하다가, 대충 에어팟, 버즈 한 개 값이 나올 즈음, 안되겠다 싶어 LG 넥밴드형 이어폰으로 바꿨다.하지만 넥밴드 특유의 투박함이 굉장하기 때문에… 요즘 에어팟이랑 버즈가 특가로 많이 […]

10 2월 2021

PX 1위 음식 먹어보고 Xiaomi Amazfit 커스텀하기

광고 고영쓰가, 어쩌면 평생 먹어 볼 일이 없었을 군대 음식 1위, 슈넬 치킨을 구해왔다. 이 슈넬 치킨이란 녀석은 감히 에어프라이기에 돌리면 안된다.반드시 전자레인지에 돌려야 한다.에프에 돌리는 쪽이 바삭해져서 20만배쯤 더 맛있을 것 같았지만, 정석대로 먹기 위해 레인지에 돌렸다. (+) 릴카 슈넬치킨 영상을 보면, 봉지의 가운데 부분을 이로 뜯는 게 정석이라고.하지만 고영쓰는 가위로 뜯었다는 거. 슈넬 치킨만으로는 양이 안 찰 것 같아서 황태포도 준비했다. (팁: 황태포는 […]

1 2월 2021

[vJS] ES5 ~ ES10 및 Typescript, Babel에 대해

광고 목표 *ES5부터 ES10의 도큐먼트를 기준으로 변경 사항을 정리하고, 대세적으로 사용하는 TypeScript와 Babel에 대해 알아봅니다. *ES5 : 2009년에 릴리즈 된 ECMA -262 기술 규격에 따라 정의하고있는 표준화 된 ECMA 스크립트 언어 (ES6 = ECMAScript 2015)*이전에 작성한 ‘[vJS] Const, Let, Var의 차이점’의 추가 요청에 의해 작성 목차 ES5 변경사항 ES6 (ES2015) 변경사항 TypeScript Babel ES7 (JS 2016) ~ ES10 (JS 2019) 정리 1. ES5 변경사항 “use strict” Strict 모드: […]

25 11월 2020

[GoJS] Node의 모델, 다이어그램 업데이트

광고 두 포트가 있고, 각각의 포트는 GoJS의 노드로 표현한다.포트의 갯수와 이름, 라벨을 각각 portNums, portNames, portNamesContextLabel이라 칭한다. 여기서 포트의 이름은 텍스트 블록으로, 각 텍스트 블록의 우 클릭 시 나오는 컨텍스트 메뉴의 이름을 컨텍스트 라벨이라고 칭한다. portNames = ‘ firstName, secondName’포트 이름은 최초에 두 이름이 (,)형태로 이어져 있는 상태로 split() 후 활용 해야 한다는 전제가 있다. NS님의 소스 위에 기능을 추가하기 위해 그 위에 붙인 소스로, […]