🥞 오늘 한 일

• 최종 프로젝트
  • 와이어프레임 2차 수정
  • 와이어프레임 회의 (디자이너 포함)
  • supabase DB 설계
• 기술면접 연습 6개

최종 프로젝트

supabase DB 설계

DB를 설계했다.

• profiles
• must_posts
• must_wishes
• must_comments
• must_categories
• group_posts
• group_likes
• group_applications

profiles / must_posts

must_categories / must_wishes / must_comments

group_posts / group_likes

group_application

기술면접 연습

Frontend

• 정규 표현식을 사용해본 경험이 있으신가요?
  • 답변) 네, 정규 표현식에 대한 경험이 있습니다. 보통 프로젝트에서 이메일이나 날짜 등 인풋 값을 유효성 검사할 때 많이 사용하곤 했습니다. 정규 표현식은 외워서 만들기는 좀 어려웠기 때문에, 구글링을 통해 제작하는 편입니다.
• 크로스 브라우징이 무엇인가요?
  • 답변) 여러 브라우저에서 오류없이 작동하도록 제작하는 것을 뜻합니다. 예전에 퍼블리셔로 일을 할 때, 갤럭시의 크롬과 아이폰의 사파리에서 각각 다르게 페이지가 나타나는 오류를 경험을 했던 적이 있습니다. 그래서 그 경험을 통해 크로스 브라우징의 중요성에 대해서 알게 되었습니다.
• favicon이 무엇인지 알고 계신가요?
  • 답변) 예, 알고 있으며 사용해본 적도 많습니다. 웹 브라우저의 탭에서 타이틀 옆에 있는 작은 아이콘이고, 해당 웹사이트의 브랜드 이미지를 나타내므로 중요한 역할을 합니다. 최근에는 넥스트js의 app router에서 메타데이터 설정을 쉽게 할 수 있어서 favicon.ico 파일을 넣어주기만 하면 쉽게 설정할 수 있습니다.

Javascript

• 변수를 선언할 때 쓰는 var, let, const의 차이에 대해 알려주세요.
  • 답변) var는 계속 중복 선언이 가능한 게 가장 큰 차이점이고, 이 특성이 문제가 생길 수 있기 때문에 es6에서 let과 const가 생겼습니다. let은 중복 선언이 불가능하지만 재할당이 가능한 변수이고, const는 중복 선언 및 재할당 모두 불가능한 상수입니다. 현재는 유지 보수가 용이하여 let과 const만 사용하는 편입니다.
• 자바스크립트의 nullish 값은 무엇이 있을까요?
  • 답변) 대표적으로 null과 undefined가 있습니다. (추가적 답변) nullish 병합 연산자에 대해 말씀을 드리고 싶은데, 기존에는 ||를 사용해 병합을 구현했다면 0이나 빈 문자열 때문에 제대로 동작하지 않을 수 있어, 물음표 두 개를 붙인 ??로 대체해준다면 nullish한 값에 대해서만 병합할 수 있습니다.
• == 과 ===의 차이점은 무엇일까요?
  • 답변) ==는 상대적으로 약하게 비교합니다. 타입이 다르더라도 내용이 같으면 true로 인식합니다. 예를 들어 숫자 1과 문자 1을 비교하면 true, 0과 nullish한 값을 비교해도 true가 나옵니다. 그러나 ===는 엄격하게 타입을 비교합니다. 문자 1과 숫자 1을 비교할 경우 false가 나옵니다. 저는 보통 일반적으로 정확한 비교를 위해 ===를 사용합니다.

🍴 돌아보기

와이어프레임도 쭉쭉 진행하고 DB도 설계하고 하면서 그래도 뭔가 진행된다는 느낌이 들어 어제보다 훨씬 좋았던 하루였다. 역시 열심히 사는 게 제일 기분 좋다. 내일도 열심히 해야지...!

🍳 내일 목표

• 최종 프로젝트
  • Restful API 명세서 제작
  • 개발 시작