Beter 프로젝트의 개발환경을 NextJS, Apollo, GraphQl, React, Typescript 구성으로 셋팅하기로 했다. 1. Project 만들기 npx create-next-app cd npm run dev 2. Typescript 셋팅하기 /tsconfig.json 만들기 npm run dev 위 과정을 마치고 pages와 api 폴더에 자동으로 생성되었던 _app.js와 hello.js을 타입스크립트 파일로 바꿨다. // api/hello.js -> api/hello.ts import { NextApiRequest, NextApiResponse } from 'next' type Data = { name: string } export default (req: NextApiRequest..
이번에 후배가 인턴을 하게되면서 준비했던 내용을 정리해봤다. 레이첼이랑 둘이서 하다보니 이게 맞는건지 확신이 안들었는데, 이참에 다시 개념을 잡을 수 있었다. (혹시 이 시리즈를 보고 '어 이거 아닌데?' 하시는 분이 계시면 댓글로 알려주시면 감사하겠습니다ㅠㅠㅠ) 첫날에는 가볍게 React에 대해서 학습했다. CRA, Babel, Redux, Webpack 등등 느낌만 받길 원했는데, 내가 처음 React을 접했을때 엄청난 모듈들에 압사 당했을때처럼 후배도 조금 쫄게 되었다. (도망안갔으면 좋겠다고 생각한거 같다...) CRA: https://create-react-app.dev/ Babel: https://babeljs.io/ React + Redux 구조 흐름도 파악하기 둘째날부터 본격적으로 교육을 ..
블로그를 시작하려고 보니 스킨을 구매하기에는 부담스럽고, 무료로 배포해주시는 스킨 중 제 스타일을 찾기가 어려워서 만들었습니다. 티스토리 #1 스킨을 수정해서 무료로 배포합니다. 사용하고 싶으신분들은 아래 git에서 다운로드 받아주세요! 1. Git 가입하기 github.com Build software better, together GitHub is where people build software. More than 50 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com 2. Git 레파지토리 찾아가기 github.com/yelling95/skin-simpleisbest ..
내가 프론트엔드를 맡아서 할때 백엔드에서 업무 부하가 심해 자처한 작업이었다. 엑셀 템플릿이 따로 없어서 단순 Export는 쉬웠다. 그런데 고객이 요구하는 엑셀 템플릿을 보고 무릅을 꿇었다. 다양한 색깔과 병합됐다가 분리되었다가 하는 셀들...거기다 차트까지..! 순간 똥밟았다고 생각했지만 그래도 한번 건드린 일은 끝까지해야되기 때문에 여러가지 시도를 해봤다. 우선, 알록달록한 셀 색깔부터 찾아봤다. NodeJS 환경에서는 sheetjs, xlsx-style, xlsx-chart, excel4node 등등 다양한 엑셀 Export 관련 라이브러리가 있었다. sheetjs는 무료모드로 엑셀을 변환할때 스타일과 차트가 모두 제외되었다. 그래서 사용한 모듈이 xlsx-style이었다. xlsx-style로 ..
1. 외관 및 시설 삼성역 스타필드에서 바로 연결되어 있는 길이 있어 사실 외관을 보지는 못했다. 내부 시설은 고급스러웠고 깔끔했다. 삼성역 스타필드에서 호텔로 이어진 길이 지름길처럼 복잡했고 '여기가 맞나' 싶은 생각을 들게 한다. 스타필드가 있는 지하 1층에서 5층으로 가 체크인을 하고 5층에서 룸으로 이동을 해야하는 구조다. 확실히 도심에 있는 호텔이라 로비나 리셉션이 작았다. 룸 카드랑 룸 파워 카드가 나눠져 있었고, 룸 카드는 하나만 줬다. 헬스장 및 사우나를 찾아가는 길이 조금 복잡하다. 2층 구름다리를 건너 카지노 앞 엘리베이터에서 다시 위로 올라가야 했다. 2. 침실 침대는 살짝 딱딱한 느낌이 있었고 침구는 깨끗했다. 나는 살짝만 푹신한 침대가 잘 맞는데 여기 침대가 딱이었다. 베개는 조금..