본문 바로가기

TIL66

[TIL] 영화 검색 사이트 팀 프로젝트 회고 🧐 내일배움캠프에서 첫 팀프로젝트를 진행하였다. 개인 과제였던 영화 검색 사이트를 조원의 프로젝트를 하나 선정해 업그래이드 시키는 것이었다. 기존에는 메인페이지에서 영화목록을 보여주고 검색 결과를 보여주는 단일 페이지의 홈페이지였지만, 메인페이지를 기준으로 검색 페이지, 영화 더 보기 페이지, 영화 상세 페이지 등 많은 것들을 만들어 보기로 하였다. 💻 개발기간 및 인원 개발 기간 24.01.10 ~ 24.01.16 (주말제외,약 5일) 개발인원 6명 기술 스텍 express.js, MongoDB, css, ejs 우리팀은 기존에 작성되었던 HTML, CSS, JS는 물론 Node.js트랙 답게 Express.js와 MongoDB를 이용하여 api를 직접 설계해보면서 업그레이드를 시켜보기로 했다. 처음 .. 2024. 1. 16.
[TIL] Git & Github로 협업하기 깃을 본격적으로 사용하면서 협업할 때는 어떻게 사용할까? 원격의 저장소를 공유하며 자신의 코드를 저장할 수 있는 깃허브 사용법을 팀원의 입장에서 살펴보자 리더가 레포지토리에 프로젝트를 초기 세팅 한 후에 팀원들이 깃허브 주소를 clone하여 각자의 작업 환경과 깃허브를 연결시켜준다. 로컬 main은 배포용으로 따로 남겨주고 dev용 브랜치를 default로 지정하고 사용한다 . 브랜치 생성 : git branch 모든 브랜치를 확인하려면 git branch로 확인 가능하다. 작업을 위해 새로운 브랜치로 이동한다. git switch 혹은 git checkout 브랜치를 생성하고 이동할 수 도 있다. git switch -c 혹은 git checkout -b 작업을 하고 기능이 완료되면 일반적으로 커밋하듯.. 2024. 1. 9.
[TIL] 초간단 Git 기본 사용법 1. vscode로 작업 directory를 열어준다. 2. 자신의 깃허브에서 Repositories를 선택하고 new를 눌러 새로운 저장소를 만든다. 3.터미널에 git init명령어를 친다. 4. SSH주소를 복사해 git remote add origin 5. git add . -> 변경된 모든 사항을 추가시킨다. 6. git commit -m "" 을 통해 변경사항을 메모리한다. 7. git push -u origin main -> 처음 push할때만 -u를 붙여주고 다음 push때는 -u를 안써도 된다. 8. 깃허브에 가보면 잘 저장된 것을 볼 수 있다. 2024. 1. 8.
[TIL] THIS 🧐 THIS 자바스크립트는 Lexical Scope를 사용하기때문에 함수의 상위 스코프가 정의 시점에 평가된다. 하지만 this 키워드는 바인딩이 객체가 생성되는 시점에 결정된다. 우리가 단순히, const testFunction = function () { return this; }; console.log(testFunction()); // Object [global] 일반함수로 실행을 하면 this키워는 global Object에 매핑된다. this를 여러기지로 매핑해보면, const developer = { name: "박재형", year: 1992, sayHello: function () { return `안녕하세요 저는 ${this.name}입니다.`; }, }; console.log(devel.. 2024. 1. 3.