본문 바로가기

분류 전체보기7

웨딩 본식 스냅 '마일드플로우' 계약 후기 식장, 스드메 그리고 다음은 본식 스냅...?식장과 스드메는 플래너님과 함께 진행을 했기 때문에 큰 고민과 시간이 필요하지 않았다. 하지만 결혼식의 순간순간을 남기는 본식 스냅은 우리가 직접 고르기로 결정했고, 마음에 드는 업체를 찾기 위해 꽤나 많은 고민과 노력을 들였다...!! 워낙 많은 스냅 업체들이 있었고, 같은 업체라고 하더라도 작가님마다 분위기나 구도, 색감이 다른 경우도 있어 고르기가 쉽지 않았다. 단순히 인스타나 홈페이지를 돌아다니며 예쁜 사진을 찾는 것보다 우리의 기준을 만들고 그 기준에 맞은 업체를 고르는게 훨씬 좋을 것 같았다.  본식 스냅을 선택하면서 세웠던 우리의 기준첫 번째로 우리의 식장(더채플논현 라메르홀)에서 촬영 경험이 많은 업체를 고르고 싶었다. 워낙 많은 웨딩홀들이 있다.. 2024. 12. 29.
Emotion css Prop 오류 문제 파악 개발 환경 NextJS: 14.1.0 React: 18.2.0 Emotion: 11.11.3 Typescript: 5.3.3 pnpm 문제 현상 emotion의 css Prop이 인식되지 않는 오류 발생 문제 원인 Typescript에서 @emotion/react/css-prop을 인식하지 못함 해당 prop이 존재하지 않는다고 판단하여 오류를 발생 해결 방안 타입스크립트 설정 파일(tsconfig.json)의 컴파일러 옵션('compilerOptions')에 css-prop 타입 추가 { "compilerOptions": { "types": ["@emotion/react/types/css-prop"] } } 결과 String Styles 적용 Object Styles 적용 2024. 3. 22.
로그인 기능 구현하기 해당 글은 학습한 내용을 정리하기 위해 작성한 것으로 오류나 내용상 부족한 점이 있을 수 있습니다. 사이드 프로젝트를 진행하면서 항상 필요했던 기능 중 하나가 바로 로그인 기능이었습니다. 기본적인 로그인과 깃허브, 구글 등을 통한 Oauth 기능을 적용해보았지만 클라이언트를 통해 백엔드로 넘어간 데이터가 어떻게 관리되고 구현되는지 알아보고자 학습하게 되었습니다. 기본적인 로그인 처리 방식 로그인 처리 과정은 크게 인증(Authentication)과 인가(Authorization) 두 단계로 구분됩니다. 인증은 사용자가 입력한 로그인 정보와 DB에 저장된 사용자 정보가 일치하는지 여부를 확인하는 과정이고, 인가는 사용자가 요청한 요청에 대해 권한을 가지고 있는지 여부를 확인하는 과정을 말합니다. 인증(Au.. 2024. 2. 19.
디자이너와 협업이 어려운 개발자를 위한 - 디자이너 설명서 📅 일시: 2023. 11. 23 📍 장소: 한빛미디어 👤 발표자: 권아영 / 커먼컴퓨터 UX Lead 🔗 링크: https://festa.io/events/4310 디자이너의 역할은 무엇인가? 디자인이란 목적에 맞는 가장 적절한 형태를 정의하는 것입니다. 제품에 포함된 요소들이 어떻게 관계를 맺고 정의하는가입니다. 따라서 디자이너는 형태와 색상에 대한 이해도를 바탕으로 디자인하게 됩니다. 디자이너의 근본 스킬 맛보기 케슈탈트(Gestalt) 이론 인간은 정보를 시각적으로 인지하기 위해 무의식적으로 요소들을 분류하고 연관성을 찾는다는 이론입니다. 구상화(Reification)는 우리의 감각이 실제로 인지하지 않아도 정보를 인지할 수 있다는 것입니다. 왼쪽의 그림을 보면 실제로 삼각형이 존재하지 않지만 우.. 2024. 2. 2.