프로젝트/프리해요(부트캠프 프로젝트)16 4주간의 메인프로젝트 후기 프로젝트 마지막 날 모든 걸 포기하고 탈주해 버린 팀장 때문이 아니라.... 여러모로 스스로에게 아쉬운 게 많은 메인프로젝트였다. 1. 메인프로젝트에 대한 욕심을 많이 내지 못한 것. - 사실 메인프로젝트 시작 전에는 해보고 싶었던 게 많았다. Motion Graphics나 UI Animation 등을 통해 세련된 UI를 만들어보고 싶었고, 유저들을 위한 게시판이나 채팅기능도 만들어보고 싶었다. 하지만, 우리 팀은 팀장의 아이디어에 이끌려서 모였던 팀이었기에 회의 시에 팀장의 의견을 많이 따를 수밖에 없었다. 팀장은 보수적인 사람이었고, 새로운 것들에 도전하기보다는 기본에 충실해서 애초에 기획했던 기본 기능들을 모두 구현하는 것에 목표를 두었다. 팀원들의 속마음은 잘 모르겠지만, 다들 팀장의 의견에 동의.. 2023. 7. 27. 로그인/회원가입 페이지 + 모달컴포넌트 2일만에 완성!! 프로젝트 마지막 날 탈주해버린 팀장의 이야기... https://hustle-ing.tistory.com/81 메인프로젝트 마지막 날. 팀장의 탈주. 사실 어제(월요일)가 메인프로젝트의 마지막 날이었다. 어제 23시 59분까지 메인프로젝트를 완료하고 과제를 제출하여야 했다. 과제제출에는 배포링크, 기술발표영상, 서비스매뉴얼 등이 포함된 hustle-ing.tistory.com 탈주해버린 팀장이 맡았던 부분들을 내가 대신 할 수 밖에 없는 상황이었다. 어제는 밤을 새서 로그인페이지를 완성했고, 오늘 밤을 새서 겨우겨우 회원가입 페이지와 모달컴포넌트를 완성시킬 수 있었다. 프리프로젝트 때도 로그인/회원가입 페이지를 담당했었는데, 그 때는 일주일 넘게 걸렸던게.... 상황이 급박하다보니 2일만에 되긴 됐다... 2023. 7. 26. 메인프로젝트 마지막 날. 팀장의 탈주. 사실 어제(월요일)가 메인프로젝트의 마지막 날이었다. 어제 23시 59분까지 메인프로젝트를 완료하고 과제를 제출하여야 했다. 과제제출에는 배포링크, 기술발표영상, 서비스매뉴얼 등이 포함된다. 당장 오늘부터는 우리의 결과물을 공개하고, 부트캠프 동기들의 피드백을 받는 시간이다. 하지만..... 결과부터 말하자면, 로그인 & 회원가입을 맡았던 팀장이 해준다 해준다 말만 해놓고 결국 잠수를 타버렸다. 못하겠으면 차라리 미리 말이라도 해주지..... 한 달 동안의 노력이 물거품 되기 일보직전이다. 회원가입을 해야 로그인을 할 테고, 로그인을 해야 로그인 상태에 따라 헤더가 바뀌고 마이페이지로 들어가고 할 수 있을 테니 말이다. 사실 금요일부터 걱정이 되긴했다. 금요일에 로그인 & 회원가입 페이지를 완료해 줄 거.. 2023. 7. 25. 구조 분해 할당(Destructuring assignment) 팀원 중 한명이 버튼컴포넌트를 담당하였는데, 여러가지 상황에서 쓰이는 공통컴포넌트다 보니 매개변수가 엄청나게 많아 지는 상황이 발생하였다. 멘토님께서 구조 분해 할당을 공부해서 적용해보라는 조언을 해주셔서 자세히 알아보았다. const SelectedButton = ({ clicked, checked, id, ...props }) => { 모든 상황에서 꼭 들어가는 매개변수만 적어주고(clicked, checkd, id) 나머지 기타 상황에서 필요한 매개변수는 ' . . . props'로 대체해 준 코드이다. 구조 분해 할당 객체와 배열은 자바스크립트에서 가장 많이 쓰이는 자료 구조이다. 키를 가진 데이터 여러 개를 하나의 엔티티에 저장할 땐 객체를, 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용한.. 2023. 7. 23. position: absolute의 사용법 postion: absolute를 사용하면 그 요소를 다른 요소들에 영향받지 않고 원하는 자리에 고정시킬 수 있다. 부모요소 없이 사용하게 되면 뷰포인트 전체에서 자리를 잡게 된다. 부모요소에 postion: relative를 써서 postion: absolute를 사용하는 요소를 묶어주면(가둬주면) 부모요소 안에서만 위치하게 된다. 요약 : absolute를 사용하려면 부모요소에 postion:relative를 써서 absolute를 가둬주는 것이 대부분의 상황에서 좋다. 2023. 7. 21. overflow, text-overflow, white-space 텍스트가 길어질 경우 뒷부분을 '...' 으로 남기는 방법을 기억해두면 좋을 것 같다. ... overfolw: hidden; // 내용이 Container(Wrapper)를 넘어갈 경우 숨김 text-overflow: ellipsis; // 넘어간 텍스트를 '...'으로 표시 white-spce: nowrap; // 텍스트가 길어져도 한 줄에 나타나도록 설정 ... 2023. 7. 18. 이전 1 2 3 다음
