참고 https://velog.io/@sweetpumpkin/Open-Graph-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0 https://velog.io/@byeol4001/Meta-Tag-OG%EC%98%A4%ED%94%88%EA%B7%B8%EB%9E%98%ED%94%84-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 https://www.next-t.co.kr/blog/%EA%B2%80%EC%83%89%EC%97%94%EC%A7%84%EC%B5%9C%EC%A0%81%ED%99%94-SEO-%ED%85%8C%ED%81%AC%EB%8B%88%EC%BB%ACSEO-%EC%98%A4%ED%94%88%EA%B7%B8%EB%9E%98%ED%94%84-OpenGraph-..

# 리팩토링(Refactoring) - 외부적으로 드러나는 기능을 변경하지 않는다. (결과의 변경 없이 코드를 조정) - 소스 코드의 가독성과 유지 보수의 용이성을 높이기 위해 내부 구조를 변경한다. → 기존 기능은 유지하되 개발 과정에서 편리한 코드가 되도록 재작성하는 것이다. → 새로운 기능을 추가하거나, 버그를 제거하기 위한 목적은 아니다. ## 리팩토링이 필요한 이유 - 대규모 프로젝트를 진행하기 위해 유지보수의 용이성이 요구된다. → 소프트웨어의 구조, 구현, 설계를 개선(깔끔하고, 단순하고, 표현력이 풍부한 코드) 하면서 기능을 보존한다. - 소스 코드의 가독성이 떨어지는 경우, 다른 사람(혹은 미래의 나)과의 협업이 어려울 수 있다. → 리팩토링은 가독성을 높인다. - 리팩토링을 통해 코드의..

사이드 프로젝트：10개 기술스택으로 구현하는 풀스택 서버리스 프로젝트 with React Part 2. 프로젝트 기획하기 Ch03. 프로젝트 플래닝 # 프로젝트 플래닝하기 - Task breakdown ## Task breakdown = 태스크 세분화 1. Software 요구사항을 기반으로 task를 만들 겁니다. 2. User story 단위로 task 를 세분화 시켜보는 것에서 시작해 봅시다. 3. 처음부터 모든 것을 확정지으려고 하지 마세요. 조사가 필요한 부분도 있고, 설계가 필요한 부분도 있습니다. 그런 부분도 태스크로 만들어서 관리할 수 있습니다. ## Task 세분화 시작하기 - 우선 User story를 기반으로 구체화 시킬 수 있는 범위의 task를 만들어 본다. → 구현해야 할 기능과..

# JWT(JSON Web Token) - JSON(JavaScript Object Notation)은 데이터를 주고받기 위해 사용하는 경량의 데이터 형식(format) 중 하나다. - JSON 형식에서는 키(key)와 값(value)의 쌍으로 이루어진 데이터 객체를 사용한다. ## 인증방식의 종류 1. 세션 인증 방식 2. Token 인증 방식 ## JWT(JSON Web Token)이란? - JWT는 인증에 필요한 정보를 암호화한 JSON 형식의 토큰이다. - JWT 토큰을 HTTP 헤더에 실어 서버가 클라이언트를 식별할 수 있도록 한다. ## JWT 구조 - JWT는 세 가지 구성요소(Header, Payload, Signature)를 가진다. - 사용자가 인증을 수행하면, 서버는 다음의 정보를 가..

사이드 프로젝트：10개 기술스택으로 구현하는 풀스택 서버리스 프로젝트 with React Part 2. 프로젝트 기획하기 Ch02. 디자인 기획 # 디자인 Mock-up 툴 소개 ## Mock-up 이란? - 실제 서비스를 만들기 전 실제 서비스 처럼 모형을 만들어 보는 단계 - 제품의 기능이나 디자인을 사전에 검토하기 위해 제작 ## 디자인 툴 소개 - Figma: https://help.figma.com/hc/en-us - Bootstrap UI Kit : https://www.figma.com/community/file/876022745968684318 - Material UI Kit: https://ui-kit.co/ - Bootstrap Studio: https://bootstrapstudio...

사이드 프로젝트：10개 기술스택으로 구현하는 풀스택 서버리스 프로젝트 with React Part 2. 프로젝트 기획하기 Ch01. 서비스 요구사항 # 서비스 요구사항 (User requirement) 작성법 ## 왜 중요한가요? - 프로젝트 초기 단계 → 코드 만으로 어떤 서비스를 만들 것인지, 시스템이 어떻게 동작할지 정의하기 어렵다 - 프로젝트 초기 단계→ 프로젝트 일정을 estimate 하고 구체화 시킬 수 있다 - 문제가 초기 단계에서 발견될 수 있다. 초기 단계에서 문제를 발견하고 방법을 강구하는 것이 시간을 절약하고 스마트 하게 일할 수 있는 방법 - 협업 측면 → 타 직군과 협업 하여 서비스의 요구사항을 정의하기에 가장 명확한 수단이다. 잘 정리된 요구사항은 오해의 여지가 없고 모두가 같은..