졸업작품 회고록

1️⃣꾸준히 달려온 1년.. 3학년 2학기 때부터 달려온 졸업작품이라 거의 1년이 다되어 간다.. 처음에는 막막했지만 팀원들과 소통도 하고 교수님께 피드벡을 받으면서 부족한 점을 채워나갔다. 기획을 하고 제안서를 쓰는데 거의 처음 한 학기를 다 썼을 때는 "이거 쓰는데 한 학기가 다 지나갔는데 제작을 완성 시킬 수 있을까?" 했던 초반의 불안감이 있었다. 아무래도 팀 구성도 학과의 에이스들로 이루어진 것도 아니고 항상 중위권에 있던 친구들끼리 이루어진 것이라 어영부영 되는게 아닌지 걱정도 되었다. 그렇기 때문에 더 열심히 하려고 했던게 있었는지도 모른다. 우리팀은 작년 겨울방학을 하기전 교수님을 찾아가 "졸업작품을 임하는 자세"에 대해 알려달라고 했다. 교수님께서는 "내년 1학기 동안 졸업작품을 다 만들..

• format_list_bulleted 졸업작품
• · 2023. 6. 19.
• textsms

[작품] - 지역 선택 Select Box만들기

1. 개요 오랜만에 쓰는 개발일지다. 최근 시험기간과 여기저기 캠프에 지원할려고 지원서를 쓰는 시간이 겹쳐서 블로그 쓰는데 소홀했던 것 같다. 딴 얘기는 그만하고 본론부터 말하자면 졸업작품을 만드는데 가게 지역 선택 필터 부분이 존재한다. 저 부분을 눌러서 해당 지역을 고르고 조회를 누르면 해당 지역에만 존재하는 가게들만 나오게 할 예정이라서 지역들을 나오게 해야 했다. 저 해당 부분을 누르면 서울시, 경기도, 인천, 강원도.. 등등 이렇게 나오게 하고 싶었다. + 각각을 누르면 거기에 맞는 행정 구역만 나오게 하기 내가 원하는 모습.. 2. 구현하기 먼저 HTML로 틀을 만들어 준다. 2-1. "도" 만들기

• format_list_bulleted 졸업작품
• · 2023. 4. 30.
• textsms

[버그 수정] - 실시간으로 변하는 장바구니 만들기

내가 힘들게 만든 장바구니에도 버그가 존재한다. 개발자에게 있어서 버그는 항상 존재한다고 생각하며 수정하고 있지만 쉽지만은 않다. 내가 다 끝냈다고 생각한 코드를 다시 봐야 한다는 점이 가장 귀찮았다. 그래도 버그를 수정했을 때의 그 쾌감이 너무 좋아서 포기할 수가 없다. 장바구니에는 총 2가지의 버그가 존재한다. 1. 메뉴사진을 클릭하면 장바구니에 추가되지 않는점 2. 장바구니에서 메뉴 삭제를 하고 다시 그 메뉴가 추가되지 않는점 1번 버그 첫번째 버그는 요소를 불러오는데 있어서 오류가 있어서 생긴 것이였다. 내가 처음 작성한 코드다. ${e.target.firstElementChild.firstElementChild.innerText} 이렇게 코드를 짜면 클릭했을 때의 요소를 찾는데, 이렇게 되면 각..

• format_list_bulleted 졸업작품
• · 2023. 3. 18.
• textsms

[졸업작품] - 제작 5주차

저번주는 현재 내위치의 좌표를 가져와서 행정구역상의 위치를 찾아내는 과정을 해봤다. 이번주는 팀원들과의 회의를 통해서 이 좌표를 가지고 현재 위치에서 가장 가까운 식당들의 목록을 순서대로 가져오는 것을 목표로 하였다. 이전과 동일하게 카카오API를 가져와서 할 계획이다. 1. 카카오API를 이용해서 식당목록을 가져온다. 2. 식당 목록들을 내 위치를 기준으로 오름차순으로 정렬한다. 3. 정렬된 식당 목록들을 HTML로 구조에 맞게 보여준다. 1. 식당목록 가져오기 카카오에는 기본으로 제공하는 코드가 있어서 활용하기 매우 좋았다. categorySearch 메소드를 사용해서 장소별로 찾을 수 있었는데 노란색으로 칠해진 부분만 내가 찾고자하는 카테고리별 코드를 참조해서 바꿔주면 된다. 그리고 좌표도 내 위치..

• format_list_bulleted 졸업작품
• · 2023. 2. 12.
• textsms

[졸업작품] - 제작 4주차

이번주는 지금까지 만든 메인페이지에 애니메이션과 동적 움직임을 넣어서 페이지의 퀄리티를 높일 생각이다. 아직까지는 많은 애니메이션을 사용을 하지 않았지만 프론트엔드 직업상 사용자가 경험했을때 더 다양한 모션이 있는것이 좋다고 생각했다. 지금까지 만든 페이지에 추가로 넣을 옵션은 크게 총 2가지다. 1. 필터를 클릭하면 올라가게 하고 올라갔을때 필터 외 다른 곳을 클릭했을때는 다시 원상태로 내려오게 한다. 2. 필터안의 '내위치' 버튼을 누르면 현재 사용자의 행정구역이 나오게 한다. 1. 필터 필터의 움직임 부분은 '아시아나항공'의 필터 부분을 참고하여 만들었다. 필터를 누르면 필터가 천천히 올라감과 동시에 뒷 배경이 점점 흐려지게 만들고 싶었다. 내릴때도 똑같은 로직으로 하고 싶었다. .movein{ a..

• format_list_bulleted 졸업작품
• · 2023. 2. 5.
• textsms

[졸업작품] - 제작 3주차

이번주 회의는 오프라인으로 진행했다. 모두가 만족할 수 있는 중간지점에서 만났는데 그곳이 '사당'이였다. 나는 이번 회의때 그동안 궁금했던 것이나 온라인으로 해결하지 못했던 것들을 질문하기 위해 몇가지 생각해봤다. 1) 고유 로고 및 서비스명 2) 메인-필터 부분을 어떻게 구현 할 것인지 (ex: 구체적으로 어떤 서비스와 비슷하게 만들겠다. 등등...) 혼자서 필터부분을 만들려 했지만 생각보다 굉장히 고려해야 할 점이 많았다. 어떤 필터를 만들건지 어떻게 작용하는지 등등 혼자 생각하기엔 너무 부담스러워서 팀원들과 회의를 해야겠다 생각했다. 또 혼자 만들었는데 팀원들 마음에 안들수도 있으니ㅎㅎ -회의 후- 기존 로고 왼쪽에서 오른쪽으로 바뀌었다. 훨씬 깔끔하고 보기 좋아졌다. 로고 뿐 아니라 우리 사이트의..

• format_list_bulleted 졸업작품
• · 2023. 2. 1.
• textsms