Wecode - Project 2 (부트캠프) 79

2차 프로젝트 통신, 화면 구현, 영상

영상 2차 프로젝트 : 회원가입 통신 2차 프로젝트 _ 로그인 통신 2차 프로젝트 : 메인페이지 2차 프로젝트 :ABC Martens 상세페이지 2차 프로젝트: ABC Martens 장바구니페이지 캡쳐 사진 주문/결제 페이지 구현 화면 소셜 로그인 구현 화면

Project 2를 떠나보내며 주말에 하는 회고

주말은 밀린 포스팅 올리는 날! 어제 성공적으로 마무리한 데모데이 발표 자료! 난 삼성 바이브가 좋아서 폴바셋에서 2시간 만에 뚝딱 만든 자료 자랑하고 싶어서! 딱 10장이네~ (이미지 컨설팅 짬바가 있는데~ 일을 위한 일을 만들지 않기 위해, 자료 없이 말로 하려했는데 내 발표 편하기 위해 구조화 흐름 정리하다보니 우리 팀이 기능 구현한 것 하나도 빠짐없이 설명하려다 보니) ​ 추석 연휴에 내 사업제안서 vc에게 보여드리고 피드백 받을 자리가 있어서 급하게 만들고 신청했는데, 개발 공부하느라 지쳐서 참석 못한 한을 여기서 푸네! ​ ​ “과정은 어떻든 결승선에선 똑같아지네요?” “그건 유진님이 열심히 하셔서 그런 거에요” 라는 그 두 줄이 계속 머릿속에 맴돈다. ☺️ 개발은 겸손해야 한다. 늘 새롭고 ..

Project 2- '구조분해 할당', '객체 할당', '객체 분해 destructuring'

Request body 객체 구조분해할당 const name = req.body.name const email = req.body.email const password = req.body.password 보다는 **const { name, email, password } = req.body** 객체 할당 변수에서 객체 속성을 추출하고 해당 값을 변수에 할당 = "객체 분해(destructuring)" 사용 객체 할당 -> 주로 객체의 속성을 더 간편하게 변수에 할당하고 사용하기 위해 사용 JavaScript와 TypeScript에서 객체 할당을 수행하는 방법의 간단한 예제 // 객체를 생성 const person = { firstName: "John", lastName: "Doe", age: 30, };..

코드 연습하다가, 드디어 다시 깨닫는 공부 방법

내가 범한 오류 1. 나는 정답 코드가 있을 줄 알았다. 그래서 구글링 하는데 다 다른게 나왔다 다른 팀들의 깃허브를 봤는데도 다 다른 코드를 써서 혼란스러웠다. req.body 를 쓰던 req.params를 쓰던 정답 없음 body를 써도 되고, params를 써도 되고 - 회사에선 params를 많이 씀 - 보안을 위해선 body 2. 나는 그중에도, 인터넷에 내가 쓰는 app.post app.get을 쓰는 똑같은 코드가 있을 거라 생각하고 node.js , mysql 로 막 뒤지고 있었는데 같은 언어인데도 다 다르게 나왔다 그래서 현업자 멘토들도 다른 사람 코드 뜯어보려면 몇시간 몇날 걸린다고. 내가 깃허브에 올라온 다른 팀의 코드를 보는데 이해가 안 돼서 몇날 몇주 걸렸던게 당연한 거였다. 깨달은..

Project 2 - Demo Day

business flow를 잘 알고 있고 pm이자 말 잘하는 내가 하기로 했다. 발표 덱은 내가 혼자 2시간 안에 후딱 만들었다. 발표를 위한 자료, 일을 위한 일이 아닌 자료 없이 말로만 발표하려고 했는데, 그럴 자신 있었는데, 막상 발표 전날이 되니, 내가 발표하기 쉬우려고 대충 덱에 흐름과 구조화를 하다보니, 이렇게 완성물이 탄생해버렸다. 내가 하고자 하는 말, 전달하고 싶은 우리 팀이 구현하고자 한 기능을 하나도 빠짐 없이 다 전달하고 싶어서. 그게 떨리는 이유였다. 내가 대표로 발표를 하는데, 팀이 고생해서 만든 기능 하나하나를 의도를 전달하고 싶어서. 단순, 회원가입/ 메인페이지/ 주문 결제를 만들었습니다. 가 아니라, 여기에선 편의성을 위해 아이디/ 이메일을 하나로 통합하였고, 상세페이지에서..

readme. 쓰는 법

프로젝트 소개는 아래를 참고해서 자유롭게 작성해주세요. 그대로 따라서 작성하면, 다른 프로젝트와 획일화 되어서 특별해보이지 않습니다. 나만의 언어로 나의 소중한 프로젝트를 특별하게 설명해주세요 oo 프로젝트 Front-end/Back-end 소개 국내 최대 포털 사이트 네이버 클론 프로젝트 짧은 프로젝트 기간동안 개발에 집중해야 하므로 디자인/기획 부분만 클론했습니다. 개발은 초기 세팅부터 전부 직접 구현했으며, 아래 데모 영상에서 보이는 부분은 모두 백앤드와 연결하여 실제 사용할 수 있는 서비스 수준으로 개발한 것입니다. 개발 인원 및 기간 개발기간 : 2030/1/1 ~ 2030/1/14 개발 인원 : 프론트엔드 3명, 백엔드 2명 백엔드 github 링크 프로젝트 선정이유 이 사이트는, 데모 영상(..

git clone vs pull 차이

clone과 pull은 Git에서 주로 사용되는 두 가지 명령어이며, 각각 다른 목적과 동작을 가지고 있습니다: Clone: git clone 명령어는 원격 저장소를 복제하여 로컬 컴퓨터로 가져오는 명령어입니다. 이 명령어를 사용하면 원격 저장소의 모든 파일과 커밋 히스토리가 로컬 디렉토리에 복사됩니다. 주로 Git 프로젝트를 처음 시작할 때 사용합니다. 새로운 프로젝트를 시작하거나 기존 프로젝트를 다른 컴퓨터로 가져올 때 주로 사용합니다. 예: git clone https://github.com/사용자명/저장소.git Pull: git pull 명령어는 원격 저장소에서 최신 변경 사항을 가져와서 현재 작업 중인 브랜치에 병합하는 명령어입니다. pull은 fetch와 merge의 단축 명령어로 생각할 수..