본문 바로가기

TIL

(52)
대국민 질문 회고 2020년 3월 아주 우연한 기회로 외주 프로젝트를 하게 됐다. 취직 후 적응하느라 바빠서 그동안 블로깅을 못하고 있었지만 프로젝트를 진행하며 배웠던 것들을 기록해두고 싶어 이렇게 키보드를 잡았다. 이머시브 코스 수료 후 한창 취업준비를 하던 중, 다른 수료자분께서 자신이 하던 외주에 백엔드 인력이 필요해져서(그 분은 프론트엔드 개발자) 한 달 정도 함께 프로젝트를 진행했다. 당시 찾아 본 수 많은 레퍼런스들 중 유용했던 사이트를 모아 둔 페이지(추리고 추린 것이 이 정도. 당연히 이 3배는 더 찾아봤고 관련 서적도 인덱스가 너덜너덜해지도록 열심히 읽었다). 그냥 이 정도로 열심히 했다는 것을 적고 싶었다. 프로젝트 회고에는 공부한 것 자랑 하나쯤은 있어야 하잖아요?😎 서비스는 사회 이슈와 관련된 질문에..
3ideas 회고 코드스테이츠 Immersive Course에서 처음 진행했던 프로젝트인 3ideas에 대한 회고록을 작성하려고 한다. 벌써 2달 전인 2020년 1월에 진행했던 프로젝트지만 더 늦기 전에 회고를 쓰기로 마음먹었다. 다행히도 아직까지 기억하고 있다 :) 역시 프로젝트 소개부터. 3ideas? 3ideas는 질문을 올리고 답변을 받을 수 있는 간단한 소셜 Q&A 서비스이다. 기존의 Q&A 서비스는 주로 질문자가 하나의 질문에 하나의 답변을 선택하는 방식 달린 답변에 사람들이 추천한 순서대로 정렬 주로 위 두 가지의 방식을 사용해왔다. 하지만 우리 3ideas에서는 질문자의 마음에 드는 top 3의 답변을 선택하게 함으로써 질문자의 선택의 폭을 넓혔다. 추천순으로도 정렬할 수 있게 하여 작성자가 선택한 답변과..
200310(화) TIL. jekyll로 포트폴리오 만들기 Jekyll을 사용해서 포트폴리오를 만들어보고자 한다. 아래 블로그 포스팅을 정말 많이 참고해서 만들었다b jekyll 블로그 시작하기 1. Ruby 설치 우선 로컬 패키지 목록을 업데이트한다. sudo apt-get update Ruby 설치 루비 공식 홈페이지 sudo apt-get install ruby-full Ruby 버전관리 프로그램 rbenv 설치 git clone https://github.com/rbenv/rbenv.git ~/.rbenv rbenv 실행 환경변수 설정 echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bashrc echo 'eval "$(rbenv init -)"' >> ~/.bashrc zsh 를 사용하는 경우 echo 'expo..
주니어개발자 앱개발기5 - 4주 프로젝트 회고 코드스테이츠 Immersive Course의 4주 프로젝트가 끝났고 코드스테이츠 이머시브 코스도 수료했다. 초록 프로젝트 자체는 배포도 해야 하고 커뮤니티 기능도 추가해야 하기 때문에 갈 길이 한참 남았지만 어쨌든 데모데이 발표도 끝냈고 이머시브 코스도 수료했다 보니 작은 관문 하나를 넘은 느낌이다. (수료와 프로젝트의 끝은 저번 주였지만 초록 텀블벅 준비 때문에 너무 바빠서 블로깅 할 시간이 안 생겼기 때문에 이제야 글을 쓴다.) 초록 프로젝트를 진행하면서 블로그에 프로젝트에 대한 자세한 설명은 쓴 적이 없었던 것 같아 설명부터 하고 회고를 진행하려 한다. 프로젝트 설명 초록(草錄)은? 초록은 식물 관리 어플리케이션으로, 최근 식물을 키우는 사람들이 늘어났기 때문에 만든 서비스이다. 기능 설명 메인 페..
타입스크립트 index.d.ts eslint(importextensions)에러 핸들링 Error 현재 프로젝트에서 TS(Typescript)와 TypeOrm을 사용하고 있는데 entity의 type을 사용해야 돼서 index.d.ts를 만들었다. index.d.ts에 interface로 타입생성하고 export까지는 잘 했는데 import과정에서 eslint 오류가 났다..! 얘도 index니까 여타 index처럼 디렉토리만 쓰면 어디 걸리는 곳 없이 잘 불러올거라고 생각했는데 오산이었나보다. (js는 기본적으로 디렉토리만 적어서 import하면 그 디렉토리 내의 index.js를 불러온다 -> import test from "./test/index.js"와 import test from "./test"가 같음) eslint는 유명한 airbnb룰(+a.. -a?)을 사용하기로 팀원들과 ..
주니어개발자 앱개발기4 - Types + TypeORM 사용하기 res.json() vs res.send() vs res.end() in Express: https://blog.fullstacktraining.com/res-json-vs-res-send-vs-res-end-in-express/ Typescript + TypeORM 사용하기 아래는 @types/entity/index.ts 파일. declare namespace entity { interface plantsDatabaseType { distributionName: string; // distributionName는 plantsDatabaseType에 필수적으로 있어야 하는 key값이다. scientificName?: string; // scientificName은 key값 뒤에 '?'가 붙어있기 때문에 ..
주니어개발자 앱개발기3 - TypeORM Relations, migration errors 하루 종일 삽질한 끝에 TypeORM에 대해 좀 명확하게 이해하게 된 것 같다. 이제 TypeORM CLI로 마이그레이션 할 수 있다! 뿌듯! typeORM cli 마이그레이션으로 생성한 users 테이블!!! 하루 종일 공부하고 삽질해서 얻은 테이블이라 더 기쁘다. 할 것 TypeORM으로 users 테이블 migration하기 AWS EC2, RDS 보안설정 RDS에 API검색용 DB구축 EC2에 코드 올리기 공부 한 것 1. TypeORM-Relations https://typeorm.io/#/relations relation: typeORM에서 테이블 간의 조인 관계를 나타냄 one-to-one using @OneToOne many-to-one using @ManyToOne one-to-many ..
주니어개발자 앱개발기2 - TS-type, TypeORM-entity 와.. 기획하고 세팅하고 하느라 이제 겨우 코딩에 들어갔다. 시간은 촉박한데 할 건 많다. 그래도 너무 조바심 갖지 않기로 하자. 하면 금방 할 수 있다~! 아래 이미지는 일주일이 넘는 시간 동안 우리 팀이 한 것들 중 일부. 2주 프로젝트 때 나름 열심히 기획해놓고 코딩에 들어가니 작업 속도가 꽤 괜찮았었다. 의견교환에 드는 시간이 적었음. 그래서 이번에도 기획을 열심히 했는데 이번에는 좀 과했나 싶다. 2주때랑은 앱의 규모부터가 달라서 그런걸까. 뭐든 중간이 제일 어렵다. 할 것 ts 공부 열심히 삽질하던 중 팀원이 좋은 ts강의를 소개해줬다. > https://academy.nomadcoders.co/p/build-a-blockchain-with-typescript app.ts 작성 TypeORM으..