yh-jeon Full stack

깃허브의 README.md 파일에서 아래와 같이 스크린샷과 동영상을 단순 url 주소가 아닌 한 눈에 보여지도록 작성하는 방법으로는 커밋된 레포지터리의 README.md 파일에 들어가서 아래와 같이 수정합니다. -> " # 작성 필수 "# 맛집 리뷰 필터링 서비스 로그인 화면 ui# 로그인 화면 ui 스크린샷# 로그인 화면 UI 실행 영상https://github.com/user-attachments/assets/d05ab054-f868-4077-8e03-61ffb83a5142

F12 키를 눌러 "개발자 도구"를 선택하여 console창에서 아래와 같이 입력하여 확인합니다.1. 개발자 도구 열기 Windows: F12 또는 Ctrl + Shift + IMac: Cmd + Option + I2. 콘솔(Console) 탭으로 이동개발자 도구에서 상단 메뉴 중 Console 탭을 클릭합니다. 3. 전체 화면 크기 확인 코드 입력콘솔에 아래 코드를 입력하고 Enter를 누르면 화면 크기를 확인할 수 있습니다: console.log(window.innerWidth, window.innerHeight); window.innerWidth: 화면의 가로 크기(픽셀)window.innerHeight: 화면의 세로 크기(픽셀)

- HTTP API를 만들어보자- HTTP 메서드 - GET, POST- HTTP 메서드 - PUT, PATCH, DELETE- HTTP 메서드의 속성요구사항 - 회원 정보 관리 API를 만들어라API URI 설계1. 회원 목록 조회 - read/member-list2. 회원 조회 - read-member-by-id3. 회원 등록 - create-member4. 회원 수정 - update-member5. 회원 삭제 - delete-member => 과연 이것은 좋은 URI 설계일까?가장 중요한 것은 리소스 식별

[HTTP] ✒️ 모든 것이 HTTP(Hyper Text Transfer Protocol) ✒️ 클라이언트 서버 구조 ✒️ Stateful, Stateless ✒️ 비 연결성(connetionless) ✒️ HTTP 메시지모든 것이 HTTPHTTP 메시지에 모든 것을 전송- HTML, TEXT, IMAGE, 음성, 영상, 파일, JSON, XML (API) => 거의 모든 형태의 데이터 전송 가능- 서버 간에 데이터를 주고 받을 때도 대부분 HTTP 사용 => 지금은 HTTP 시대![HTTP 특징]📍클라이언트 서버 구조📍무상태 프로토콜(스테이리스), 비연결성📍 HTTP 메시지📍단순함, 확장 가능클라이언트 서버 구조 무상태 프로토콜비 연결성(connectionless) HTTP 메시지

URI(Uniform Resource Identifier)평소 http://~~~~ 이런게 URL / URN은 이런 게 있다 정도만 알아둘 것URI 단어 뜻Uniform : 리소스 식별하는 통일된 방식Resource ; 자원, URI로 식별할 수 있는 모든 것(제한 없음)Identifier : 다른 항목과 구분하는데 필요한 정보 - URL : Uniform Resource Locator- URN : Uniform Resource NameURL, URN 단어 뜻- URL - Locator : 리소스가 있는 위치를 지정- URN - Name : 리소스에 이름을 부여=> 위치는 변할 수 있지만, 이름은 변하지 않는다. ex) urn:isbn:8960777331 (어떤 책의 isbn URN)URN 이름만으로 실..

목차1. 인터넷 통신2. IP(Internet Protocol)3. TCP, UDP4. PORT5. DNS인터넷 통신인터넷에서 2개의 컴퓨터는 어떻게 통신할까? Just 클라이언트와 서버 간 메세지 전달하는 형식 만약, 전달하려는 경로가 너무 먼 경우에는 어떨까? 인터넷은 복잡하게 구성이 되어 있어 인공위성으로 전달될지, 노드로 전달될지, 광케이블로 전달될지 다양한 경로가 존재하기에 어떻게 전달되는지 모름IP(인터넷 프로토콜) 수신자와 송신자 간의 거리가 지나치게 먼 경우, 최소한의 규칙이 필요! => 그것이 바로 IP주소로 가능해짐 IP(인터넷 프로토콜)의 역할- 지정한 IP 주소(IP Address)에 데이터 전달- 패킷(Packet)이라는 통신 단위로 데이터 전달  1. 출발지 ip와 목적지 ip를..

{ 로컬 Git 저장소에서 GitHub와 연동된 remote 주소를 삭제하는 방법 }[ 현재 설정된 remote 목록 확인하기 ]먼저, 설정된 remote 목록을 확인하려면 다음 명령어를 사용합니다.git remote -v이 명령어를 입력하면, 현재 로컬 저장소에 연결된 모든 remote 주소가 표시됩니다.[ 연결된 GitHub remote 주소 삭제하기 ]git remote remove origin여기서 origin 부분은 삭제하고자 하는 remote 이름으로 변경할 수 있습니다.GitHub와 연동된 remote가 origin이라는 이름으로 설정되어 있다면, 이를 삭제하려면 다음 명령어를 사용합니다.[ 삭제 확인하기 ]다시 git remote -v 명령어를 실행하여 remote가 제대로 삭제되었는지 확..

# 제목 (Header)# 제목1 ## 제목 2### 제목 3#### 제목 4##### 제목 5###### 제목 6 제목1제목 2제목 3제목 4제목 5제목 6 => # [띄어쓰기(필수)] 제목 1~6 : 제목의 숫자가 낮을수록 크기가 큼제목의 크기에 따라 ＃ 개수 조절# 문장(Paragraph)동해물과 백두산이 마르고 닳도록하느님이 보우하사 우리나라 만세코드 상에는 줄바꿈 처리를 하였지만 보여지는 마크다운 파일에서는 줄바꿈 처리가 되질 않음 그냥 작성하면 됨* 줄바꿈 처리 : 문장 끝에 줄바꿈 처리를 할 부분에 띄어쓰기를 2번 하면 됨  또는 태그를 사용하여 줄 바꿈 처리＃줄바꿈(Line Breaks)동해물과 백두산이 마르고 닳도록하느님이 보우하사 우리나라 만세무궁화 삼천리 화려 강산대한 사람 대한으로..

※이때, 직접 이동할 폴더를 작성하여도 되고 아래 명령어로 파일을 만든 후, 그 파일로 이동하여 만드는 경우도 있습니다.mkdir 폴더 명 -> "폴더 명"인 폴더를 만들기 {make directory}cd 폴더 명 -> 생성 된 "폴더 명" 폴더로 이동하기 {change directory} 1. 깃허브에 업로드할 폴더를 생성합니다. 해당 폴더 에서 git bash를 열어 아래 명령어를 입력합니다.# 현재 프로젝트에서 변경사항 추적(버전 관리)룰 시작$ git init => 위 명령어를 입력하고 숨긴 파일 표시를 체크하여 .git 파일이 생성되면 성공적으로 생성된 것입니다.2. 깃 환경 설정하기#개행 문자 설정$ git config --global core.autocrlf input (Mac OS$ gi..

※버전 : 유의미한 변환가 결과물로 저장된 것패치 : 시급한 오류 해결을 동반하거나 규모가 작은 버전업데이트: 새롭게 추가되는 기능을 담은 버전 Git : 버전 관리를 도와주는 소프트웨어(명령어로 동작하는 소프트웨어)Github : 원격 저장소 호스팅 서비스 (깃으로 버전을 관리하는 프로젝트들이 모여 있는 웹 사이트) 깃 설정하기$ git config —global user.name “만든 사람”$ git config —global user.email “이메일주소”$ git config —list 깃이 관리하는 3개의 공간 ⇒ 작업 디렉터리, 스테이지, 저장소작업 디렉터리 : 버전 관리의 대상이 위치하는 공간스테이지( = 스테이징 영역, 인덱스 ) : 작업 디렉터리 내에서 변경된 파일들 중에서 새로운 버..