전체 글 44

tsc, tsc-watch 활용법

TypeScript는 JavaScript처럼 그 자체로 런타임에서 돌지 않는다. 다시 말해, TypeScript는 JavaScript로 컴파일이 되어야 Node.js든 브라우저에서든 작동할 수 있다. TypeScript는 JavaScript의 정적 타입 버전으로 원래 동적 타입 언어인 JavaScript를 좀 더 쓸 만하게 만든 언어이다. 물론 정적 타입 언어가 무조건 동적 타입 언어보다 좋은 것은 아니다. 경우에 따라 동적 타입 언어가 더 유리한 경우가 있다. 다만 협업을 하거나 오랜 기간 유지보수를 해야 할 경우에는 거의 대부분 정적 타입 언어가 유리하다. 아무튼 이제는 백엔드 영역에서 Node.js를 사용하거나, 수명 이상이 참여하는 프로젝트에서는 TypeScript는 필수적이다. Node.js의 ..

웹 개발자의 M1 MacBook Air 기본형 사용 후기

2021년 3월 26일에 그 유명한 M1 맥북에어를 배송받았다. 나름 대학생이라 학생 할인을 받아서 116만원에 구매하고, 선물로 받은 에어팟2 유선은 당근에 팔았다. 어차피 업무용으로 쓸게 아니고 개인 개발 프로젝트용이라 완전 깡통 기본형으로 샀다. 결론부터 말하자면 100%, 아니 200% 만족!!! 램이 8기가라는게 믿기지 않을 정도로 빠릿빠릿하다. 회사(지금은 퇴사한)에서 쓰던 맥북프로 16인치는 램이 64기가인데 그것보다 느리다는 생각이 별로 안 들었다. 화면이야 좋은 건 더 할 말이 없고, 굳이 단점이라면 화면이 작다는 건데, 기차 타면서 쓰거나 소파에서 쓰거나 할 때는 별로 작다고 느껴지지 않는다. 만약 13인치를 회사에서 본격 업무 하는데 쓸 거면 모니터 없으면 절대 안 된다... 딱 한번..

리뷰/전자제품 2021.04.25

문화재 조회 서비스 프로젝트(3)

kimhongyeon/make-heritage-data 문화재청 API로 데이터를 수집하여 RDMBS용으로 테이블을 설계해 데이터를 가공한 뒤 테이블 단위로 json 저장 - kimhongyeon/make-heritage-data github.com 출퇴근하면서, 자기 전에 10분, 20분 시간을 내어 드디어 완성했다. 100% TypeScript로 작성이 되었다. // ~/src/app.ts import dataMake from "./dataMake"; import heritage from "./heritage"; heritage.run(); dataMake.run(); app.ts 파일이 실행 파일이다. heritage.run()은 문화재청 API를 가지고 문화재 목록정보, 상세정보, 이미지정보, 동..

개발/Project 2021.04.25

TypeScript 환경 설정 - tsc, tsc-watch 설치

VSCode 기준 기본적으로 tsc를 전역 설치해야 한다. 그런데 TypeScript 는 그대로 런타임에 돌지 않고 JavaScript로 변환된 다음에 실행되기 때문에 소스코드를 고칠 때마다 tsc를 돌려서 빌드를 해줘야 한다. 그게 귀찮아서 tsc-watch를 설치한다. $ npm install -g tsc tsc-watch # 필요시 sudo 포함하여 명령 . 이번 포스트에서는 설치만 적고, 활용법은 나중에... tsc, tsc-watch 활용법 TypeScript는 JavaScript처럼 그 자체로 런타임에서 돌지 않는다. 다시 말해, TypeScript는 JavaScript로 컴파일이 되어야 Node.js든 브라우저에서든 작동할 수 있다. TypeScript는 JavaScript의 정적 타입 버전..

문화재 조회 서비스 프로젝트(2)

데이터 테스트 기본적으로 페이징 기반으로 목록을 가져오는 게 있고, 그 목록의 각종 아이디값을 이용하고 상세정보, 이미지정보, 동영상정보, 나레이션 음성정보가 있었다. 음 근데 API 키나 그런 것 없다. 그냥 막 갖다 써도 되는가보다. http://www.cha.go.kr/cha/SearchKindOpenapiList.do 이 주소를 그냥 브라우저에 쳐봤는데 잘 나온다. 그런데 XML이다. 뭐 XML을 JSON으로 바꿔주는 오픈소스가 있겠지. 하다보면 될거다. 나머지 이미지, 동영상, 나레이션도 잘 된다. 근데 나레이션은 음성파일 URL이 지맘대로 떨어진다. 그냥 얘는 쓰지 말자. 기술 스택 구상 내가 실무에서 써본 주력 프레임워크는 Express.js, Vue.js다. 음 근데 백엔드에서는 Nest...

개발/Project 2021.04.23