클론

Programing/React

2차 프로젝트 - 에어비엔비 우측 상단 프로필 버튼(4)

추후에 두가지로 상태가 변하는 Nav 에 대해서 다루겠지만, 그 전에 어떠한 상태에서든지 우측 상단에는 프로필 버튼이 있다. 추후 로그인을 할때나 로그아웃, 마이페이지, 혹은 예약상태 등등 추가기능이 구현될 경우 navigate 를 걸어줘야 하기 때문에 당연히 만들었어야 했고, 로그인 상태와 비 로그인 상태에 따라 생성되는 모달창 역시 컴포넌트로 나누어서 구성하였다. 고려해야 할 점은 모달창이 열리고 닫히는 것과, 2가지 다른 모달창이 구별되어 나와야 하는 점이다. 더 좋은 방법이 있을 것 같지만, 당시에 생각했을 때는 2가지의 nav 형태에서 모두 버튼에 모달창이 연결되어있어야 하고, 같은 state 변화로 관리를 하는게 효율적이라 판단했다. 그래서 크게 나눠보면 profileModal : 네이밍을 좀..

Programing/React

2차 프로젝트 - 에어비엔비 상단 검색창 - Search(2)

왜인지 모르겠지만, 코드를 짜다보면 어느순간 아무것도 진행이 되지 않은 시기가 온다. 이번 프로젝트에서 가장 당황하였던 것은 그 시기가 프로젝트 시작부터 찾아와버렸다는 점이다. 지친거였을까.. 시간은 흘러가는데 무엇인가 하고 싶진 않은 마음을 진정시키려 하는데, 에어비엔비 검색창을 보니 조급함만이 살아나버렸다.. 적어도 지금까지 만들어온 nav 와는 사뭇 다른 느낌이었다. 동적이면서도 절제된듯한 UI 에 놀랍기도, 욕심도 나기 시작했다. (근데 왜 의욕이 안생기는거지). 사라진 의욕만 돌아와 준다면 좀 더 재미있게 작업할 수 있을 것 같은데! 왠지 비슷하게라도 구현하지 못할거 같은 느낌때문에 시작을 못하는게 아닐까 생각이 들어서, 동기들도 열심히 하는데 이리저리 생각만 하지말고 일단 시작하자라고 굳건히 ..

Programing/React

테라로사 사이트 클론 프로젝트 - Planning Meeting

학원에서 첫 1차 프로젝트가 시작되고, 우리조는 테라로사 사이트를 클론하기로 결정되었다. 카페를 평소에 자주 가는편이라 테라로사는 잘 알고 있었는데, 사이트를 클론하게 될줄은 몰랐다. (사실 테라로사 사이트를 그닥 선호하진 않는다) 프로젝트를 처음 하는것이라 어색하긴 했다만, 금방 조원들과 익숙해질 테니 크게 걱정은 하지 않았다. 에자일 방법론(agile-methodology) "에자일 스럽게" 라는 말을 얼핏 들어본적이 있었다. 그 의미를 잘 모르고 있었는데, 이번 프로젝트 때 다시 언급되어서 살펴보기로 했었다. 알아야지 말그대로 에자일 하게 작업을 하지 않을까? 에자일은 신속한 반복 작업을 통해 실제 작동 가능한 소프트웨어를 개발하는 방식이다. 처음부터 완벽하게 소프트웨어를 개발하는것이 아니라 테스트..

Yelihi
'클론' 태그의 글 목록