사실 개인 웹페이지를 만들면서 be를 붙이기 망설여졌던 이유 중에 하나가 바로 REST API 주소 설계였는데.... 회사에서 일할 때야 사실 내가 첨부터 만드는 경우가 거의 없으니 convention이 이미 짜여져 있고, 다른그림찾기 문제 처럼 뭔가 기존 API 주소와 넘 다르지 않게 눈치껏 짜는게 습관이 되어있음 막상 첨부터 짜려니까 고장난 로봇이..,. 되어버림,.,.. 잘짜여진 API 주소는 생각보다 많은 에포트를 세이브 할 수 있다는 것을 알기 때문에 (특히나 인원이 많거나 잦은 인원교체가 일어나는 경우,, 한눈에 이해되는 API 주소는 신규-기존인원 간의 불필요한 의사소통을 줄여주는 아주 기특한 칭구가 된다) 개인적으로 작업할 때에도 약간의 고민을 해보기로 했고, 일단은 이렇게 정리해봤다. 기..

클라우드 서비스를 사용해서 서버를 만드려고 이곳 저곳 서칭해봤으나, 마음에 드는 조건이 없었음 (사실 내가 어떤 스펙의 서버를 원하는지 스스로 가늠하기가 어려운게 제일 컸기는함) 그래서,,, 집에 굴러다니던 동생의 라즈베리파이를 사용해서 집에 서버를 만들어봤음 ㅋㅋㅋㅋㅋㅋㅋㅋ 1. 준비물 챙기기 (여기에 이틀정도 쓴 듯) 라즈베리파이3, microSD카드(16기가), microSD카드 리더기, 5핀케이블, 랜선, hdmi케이블, 모니터, usb키보드를 준비하자 2. 컴퓨터 - 리더기 - microSD카드 를 연결하여 카드 내에 OS 이미지를 넣어주기 https://www.raspberrypi.org/software/ Raspberry Pi OS – Raspberry Pi The Raspberry Pi i..

0. 인트로 개인적으로 프로젝트를 정하고 진행하면서 계속 찝찝한 마음이 한켠에 있었는데...! 얼마 전 휴일이 있어 혼자 곰곰히 생각해보니, 이 찝찝한 마음은 조직에서 진행하는 애자일 프로젝트 처럼 체계적이지가 못하다는 점에서 오는 거였다! 1. 흥미롭고 재미있어보이는 주제는 많은데 어디 한곳에 정리가 되지 못하니 자꾸 잊혀지고, 정리를 해두더라도 우선순위 없이 뒤죽박죽이라 금새 다른 주제에 한눈이 팔려 일만 벌려두고 마무리를 못하기 일수였다 ㅠㅠ 토이프로젝트들도 흐지부지돼서 1~2년 지나서 블로그 훑어보다가 우연히 발견하게 되고 ㅋㅋㅋㅋ ㅠㅠ 2. 마음만 먹으면 하루이틀만에 뚝딱 완성할 수 있을 것 같았던 내용들이 실제로 파보면 복잡하고 생각보다 깊이가 있어서 원래의 주제는 점점 멀어질때가 많았다. 계..

1. Github.io 소스를 관리할 git 레포지토리를 생성해줍니다 :) 2. git clone 해주시고 3. npx create-react-app --template typescript 로 껍데기 react 프로젝트를 생성해줍니다 4. npm install --save gh-pages 5. package.json 에 homepage 주소와 predeploy, deploy 명령어 추가하기 :) { "homepage": "https://ga0hyeon.github.io", ... "scripts": { ... "predeploy": "npm run build", "deploy": "gh-pages -d build" }, ... } 끝. npm run deploy 하면 잠시 뒤에 명시한 주소로 호스팅이 된..

0. Intro React 프로젝트를 진행하면서 예상외로 심사숙고 해야하는 부분이 있었는데, 바로 오픈소스 컴포넌트 선택이었다. 단순하게는 내가 원하는 기능을 제공하고 있는지부터, 어디까지 커스터마이징할 수 있는지 / 지원은 활발히 이루어지고 있는지 / 다운로드 수가 얼마나 되는지 / 사용법이 얼마나 직관적인지 (대부분 제공하고 있는 예제 페이지를 통해 확인할 수 있다) 등등 선택에 영향을 주는 요소가 많았다. 어떤 컴포넌트는 기본적으로 상당히 많은 기능을 제공하지만 커스터마이징이 거의 불가능하다는 단점을 함께 가지고 있었고, 어떤 컴포넌트는 정말 기본 뼈대만 제공하지만 props로 내가 원하는 살을 붙일 수 있는게 장점이기도 했다. 요렇게 오픈소스 npm package에 관심을 가지던 중에, 전에 프로..

구현한 기능은 취소선 처리 [기본기능] - data 표기 - one column sorting (ASC / DESC) - 페이징 처리 [심화기능] - change column order by drag&drop - change row index by drag&drop - edit / delete / add rows