백엔드
-
[final project] 프로젝트 2주차 회고project 2022. 5. 1. 21:59
전체 4주의 기간 중 절반인 2주가 지났습니다. 프로젝트를 진행하느라 매일 정신없는 하루를 보내는 중이에요.. 나중에 이 기간 동안의 협업 내역과 감정을 잊고 싶지 않아서 주말동안 잠깐 짬을 내서 회고를 작성해봅니다. 잘하고 있는 점은 우선 각자 맡은 파트에 대해서 끊임없이 도전하고 노력해서 문제를 해결하려 한다는 점이 팀원들에게 고마웠고 매일 2번 꾸준히 미팅을 하며 서로의 진행 상황에 대해 공유하는 점이 느리지만 한 걸음씩 프로젝트를 완성하고 있다는 기분이 들어 건물을 쌓아 올리는 느낌이 들기 시작했습니다. 팀원의 건강 문제로 며칠간 진행이 안 되긴 했지만 그런 부분까지 감안해서 프로젝트 기간에 시간 분배를 잘 해야한다고 느꼈습니다. 그래서 저는 프로젝트가 시작한 2주 전부터 지금까지 평일에 꾸준히 ..
-
[final project] 시작 (feat. 코드스테이츠 여정은 끝나간다)project 2022. 4. 18. 21:55
오늘 한 일 팀 선정을 하고 팀원분들을 만났는데 ㅌㅇ님과 ㅅㅎ님은 first project를 함께 해서 정말 반가웠고 ㅈㅇ님도 예전에 페어 프로그래밍을 같이 했던 적이 있어서 오랜만이었고 좋았습니다. 바로 인사를 하고 팀장을 정해야 했는데 아무도 나서지 않는 상황이 참 어색해서 내가 자원을 해서(..?) 팀장을 맡게 되었어요.. 이번 프로젝트의 이름은 BaedalDutch(배달더치)입니다! 이름만 들어도 어떤 서비스인지 감이 오지 않으세요ㅎㅎ 몇 달 전에 제 형이 요새 아파트 단톡방에서 치킨이나 다른 배달 음식들을 여러 사람끼리 같이 시켜서 배달비를 절약한다는 얘기를 하더라고요. 아마 주변에서 들어서 알고 있는 분들도 계실 거예요. 그래서 이게 비단 아파트 단톡방에서 그치지 않고 나와 내 주변 지인들도 ..
-
[first project] 4일차 회고 / 백엔드 기초 환경 세팅 및 DB 구축 2project 2022. 4. 8. 09:47
백엔드 기초 환경 세팅 2 이제 데이터베이스 생성과 sequelize 세팅은 되었고 테이블을 생성하면 된다. 우선 이번 프로젝트의 스키마이다. 이것을 짜놓고 보면서 테이블을 생성하는게 개인적으로 직관적이고 빠른 편이었다. user 모델 (테이블) npx sequelize model:generate --name user --attributes email:string,password:string,nickname:string interest 모델 npx sequelize model:generate --name interest --attributes name:string group 모델 npx sequelize model:generate --name group --attributes name:string,des..
-
[first project] 3일차 회고 / 백엔드 기초 환경 세팅 및 DB 구축 1project 2022. 4. 7. 21:13
부분적인 로그인 구현에 앞서 백엔드 기초 환경을 세팅했다. 기초 환경 세팅은 다음 프로젝트에서도 사용할 수 있게 나만의 템플릿을 적어놓으려고 한다. 백엔드 기초 환경 세팅 비어있는 프로젝트 폴더 안에서 server 폴더를 만든다. first-project/server mkdir server npm init을 통해 해당 폴더에서 npm을 활용할 수 있도록 초기화시켜준다. npm init prettier를 설치하고 server 폴더 바로 하위에 .prettierrc 파일을 생성해서 아래 내용을 추가한다. npm i prettier // .prettierrc { "printWidth": 100, "tabWidth": 2, "useTabs": false, "semi": true, "singleQuote": fa..
-
CSS 레이아웃, SelectorTopic/CSS 2021. 11. 23. 22:19
CSS Selector 셀렉터 h1 { } div { } 전체 셀렉터 * { } Tag 셀렉터 section, h1 {} ID 셀렉터 #only {} class 셀렉터 .widget { } .center { } attribute 셀렉터 (암기할 필요 x) a[href] { } p[id="only"] { } p[class~="out"] { } p[class|="out"] { } section[id^="sect"] { } div[class$="2"] { } div[class*="w"] { } 후손 셀렉터 header h1 {} 자식 셀렉터 (후손 셀렉터와의 차이를 반드시 알고 있어야 합니다) header > p {} 인접 형제 셀렉터 section + p {} 형제 셀렉터 section ~ p {..