이번에는 인스타그램 디엠창 클론 코딩을 해보았습니다.클론 코딩을 진행해보며 배운 점을 간단하게 리뷰해보려고 합니다!가장 먼저 사이드바 제작을 해주었습니다.위 사진과 같이 components 폴더에 Sidebar라는 별도의 파일을 만든 후 사이드바를 두 가지 버전으로 만

ㅇ

앱센터 3주차이자 4주차이자 5주차(?) 내용입니다. 이번에 해볼 것은 아래와 같습니다@! > ✏️📋 코드 리뷰 기반 리팩토링 다크모드 추가하기 페이지 추가하기 추가하고 싶은 기능 구현! 차근차근 ㄱㅂㅈㄱ 1. 리팩토링 먼저 코드 리뷰 보면서 많은 인사이트를 얻을

1. 디자인 정하기! 가장 먼저 디자인을 어떻게 할 것인지 생각해보았습니다. 아주 심플하게 생각해보았는데요. 포인트 컬러는 블루로 하고 아래 사진에서 할 일 목록들 버튼에 옅은 하늘색 컬러를 줄 예정입니다. 그리고 아래에 총 할 일이 몇개인지, 남은 일, 완료한 일

이번에는 실제 웹 서비스를 하나 골라서 재사용 컴퍼넌트는 어떤 게 있는지, 레이아웃은 어떻게 분리되어 있는지 알아보려고 합니다.그렇다면 재사용 컴퍼넌트는 무엇이고, 레이아웃은 무엇일까요?서비스 전반에 계속적으로 등장하는 UI.스타일이나 기능은 같지만 데이터나 이미지만

과제 목표 : react 프로젝트를 생성하여 나만의 명함을 만들고 깃허브 공간에 올리기위 명령어를 통해 react 프로젝트를 생성합니다. 평소에는 습관적으로 입력하곤 했는데, 이번에는 위 명령어가 어떤 의미인지 알아보려고 합니다. npm create의 의미 : 특정 템

기존의 수동 배포 방식은 코드 수정을 했다면 손수 jar 파일 빌드 및 도커 이미지 build, stop, rm, run 등을 진행해줘야 했다. 협업 과정에서 많은 불편함이 있다고 하여 자동 배포를 시도해보려고 한다.이번에 시도한 방식은 깃 액션을 이용하는 방식이다.

본격적인 구글 소셜 로그인 단계에 들어가기에 앞서 구글 소셜 로그인 구현의 흐름에 대해 간단하게 알아보도록 하자. ❗소셜 로그인을 쉽게 생각하면 아래와 같다.\- 사용자가 구글로 로그인 버튼 클릭\- 구글 로그인 페이지로 이동\- 구글에서 로그인\- 로그인 후 다시 우

📌가. 세션 기반세션 기반의 로그인 창에서는 서버가 세션 객체에 사용자 정보를 저장하고, 클라이언트는 쿠키를 통해 세션을 식별한다. 서버가 세션 상태를 관리하므로 보안에 좋으나, 메모리를 많이 사용한다.쉽게 말한다면,🫡\-> 사용자가 로그인 \-> 서버가 "이 사람

한코딩 게시판 무작정 따라하기위 유튜브 재생목록을 따라한 과정에 대한 오류일기 벨로그입니다.첫 번째부터 네 번째 영상까지는 유튜브 영상을 차근차근 따라하니 손쉽게 따라할 수 있었다. easy 하네 라고 생각하는 순간 다섯 번째 영상에서 바로 막혔다.전쟁의 서막문제 1.

1. CRUD란? 2. CRUD가 필요한 이유 3. CRUD와 DBMS의 관계성 4. 실제 구현