공부

1. 가상환경 세팅 VSCode 터미널 창을 열고 아래 명령어를 입력하여 가상환경을 생성한다. python -m venv venv 가상환경의 이름을 다른 걸로 하고 싶다면 마지막 인자를 바꿔주면 된다. 이 명령어를 실행하면 생성한 가상환경 이름으로 폴더가 만들어지는데 나는 venv로 만들었기 때문에 venv 폴더가 생겼다. 이제 venv/Scripts 폴더 안의 activate.bat를 실행시켜주면 가상환경이 실행된다. cd venv/Scripts activate.bat 2. Flask 설치 가상환경을 실행한 상태에서 flask를 설치해준다. pip3 install Flask 잘 설치됐는지 확인하려면 pip list 명령어를 사용하면 된다. 3. main.py 작성하고 실행해보기 프로젝트 폴더 안에 ma..

웹팩에 대해 가장 잘 이해할 수 있었던 영상이었다. 웹팩에 대해 알아보기 전 우선 모듈과 모듈 번들러에 대해 알아야 한다. 모듈이란? 코드의 재사용성과 유지보수 측면에서 파일을 여러 개로 분리하여 개발을 하게 되는데 이러한 파일들을 모듈이라고 한다. 모듈 번들러란? 사용자가 브라우저를 통해 웹사이트에 접근을 하면 브라우저는 사용자들에게 UI를 보여주기 위해 웹서버에 HTML, CSS, Javascript와 같은 자원을 요청하게 된다. 웹서버는 준비된 자원들을 브라우저에게 응답해줌으로써 사용자들이 UI를 볼 수 있다. 여기서 모듈의 개수가 많다면 브라우저가 요청해야 하는 모듈의 개수가 많아지게 되고 이러한 네트워크 비용의 증가는 페이지 로딩 시간을 증가시켜 사용자 경험 측면에서 좋지 않다. 이 점을 해결하..

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..