공부

1. 브라우저 주소창에 www.google을 입력하면 어떤 일이 일어나나요? 더보기 https://superohinsung.tistory.com/85 사용자가 웹브라우저 검색창에 www.google.com을 입력한다. 웹브라우저는 캐싱된 DNS 기록들을 통해 해당 도메인 주소와 대응하는 IP주소를 확인한다. 캐싱된 기록이 없을 경우 다음 단계로 넘어간다. 웹브라우저가 HTTP를 이용하여 DNS에게 입력된 도메인 주소를 요청한다. DNS란? Domain Name System Server. URL의 이름들과 IP주소를 저장하고 있는 데이터베이스. 숫자로 된 IP주소 (ex> 127.0.0.1) 대신 사용자가 사용하기 편하도록 주소를 매핑해주는 역할. TCP/IP DNS가 웹브라우저에게 찾는 사이트의 IP주소..

우선 깃허브로 배포하려면 당연히 배포하고자 하는 페이지의 코드를 깃허브에 올려야한다. 나는 이미 내가 만들었던 리액트 프로젝트를 깃허브에 올려둔 상태이기 때문에 이 과정은 생략하도록 하겠다. 1. 레포지토리 공개 범위 설정 배포하려는 페이지를 push한 레포지토리의 Settings로 들어간다. 그리고 맨 아래로 내려서 레포지토리가 public으로 되어있는지 확인하고 아니라면 오른쪽의 Change Visibility를 눌러서 public으로 설정해준다. 2. 레포지토리 Pages 설정 그리고 다시 위로 올려서 왼쪽의 Pages로 들어가준다. 들어가면 Build and deployment 옵션을 선택할 수 있는데 Github Actions는 최근에 나온 기능인 것 같은데 아직 알아보지 않아서 지금은 쓰지 않..

레포지토리 생성 Your repositories로 들어가서 New를 눌러서 새 레포지토리를 생성해줍니다. 레포지토리 생성 시 본인의 깃허브 아이디와 같게 만들어주세요! 저는 이미 생성되어 있기 때문에 "The repository zero0205 already exists on this account." 메세지가 뜨고 있습니다. 공개 설정은 public으로 하고 README file은 생성하는걸로 체크해주시면 됩니다. 다 하고 README도 꾸며놨는데 왜 Profile에 안 보이지??하시는 분들은 해당 레포지토리로 가서 Send to your profile 버튼 눌러주시면 됩니다. 헤더 GitHub - kyechan99/capsule-render: Dynamic Coloful Image Render :ra..

졸업프로젝트로 만들었던 TMI 어플을 개인적으로 좀 바꾸고 더 개발해보기로 했다. 그러기 위해 이제까지 내가 리액트로 만든 프론트엔드를 TMI 폴더를 만들어서 옮겨왔다. build와 node_module 파일은 제외하고 옮겼다. 이제 이 파일을 깃허브에 레포지토리를 만들어서 연동해볼 것이다. 깃허브 페이지 오른쪽 상단에서 위의 메뉴로 들어가서 New 버튼을 눌러 새 레포지토리를 생성할 수 있다. 나는 아래와 같이 설정했고 README file도 일단 만들도록 설정했다. 다하고 맨 밑의 Create Repository 버튼을 클릭하면 아래와 같이 레포지토리가 만들어진 것을 확인할 수 있다. 이제 로컬저장소의 폴더를 깃허브의 원격저장소와 연동해보자. 나는 VSCode에서 Git Bash 터미널을 이용해서 주..

[참고 영상] https://youtu.be/mcnJcjbfjrs WEB 웹 브라우저(클라이언트)가 HTTP 요청을 하면 정적인 컨텐츠(HTML)를 제공하는 프로그램. 정적 컨텐츠, 동적 컨텐츠란? 더보기 정적 컨텐츠 - 요청 인자 값에 상관없이 달라지지 않는 컨텐츠 - 어느 사용자 요청이든 항상 동일한 컨텐츠 동적 컨텐츠 - 요청 인자에 따라 바뀔 수 있는 컨텐츠 정적 컨텐츠 요청 시, HTML, CSS, JPG와 같은 정적 컨텐츠를 제공한다. 동적 컨텐츠 요청 시, WAS로 전달하여 WAS가 처리한 결과를 클라이언트에게 전달해준다. WAS Web Application Server 웹 서버 + 웹 컨테이너 DB 조회나 다양한 로직 처리를 요구하는 동적인 컨텐츠를 제공하기 위해 만들어진 프로그램. 대부분..