코딩 공부하는 쪼슈

JS - React 2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기 2일차 : 소스코드 수정방법, 배포, 컴포넌트 만들기 1일차에 우리는 개발 3대 작업인 설치를 끝냈습니다. (개발의 3대 작업은 설치, 수정 그리고 마지막은 배포입니다.) 수정하는 방법 자체는 5분이면 배운다고 하네요. 물론 수정을 어떻게.. 잘 하느냐가.. 관건이긴 하지만요..ㅎ 소스코드 수정방법 지난번에 create react를 이용해 개발 환경을 세팅했는데요. 지난 시간에는 모르고 지나쳤지만, 우선 이 방법을 사용하면 어떤 디렉토리 구조를 갖게 되는 지 먼저 살펴보겠습니다. 지난번에 만들어 둔 리액트 폴더에 분명 아무 것도 없었는데..! 명령어 하나 넣어줬더니 트리가 아주 풍성한 가지를 갖게 되었네요. 우선 가장 중요한 것은 src라는 폴더에 index.js라는 파일을 찾는 것입니다. 이것이 바로 ..
HTML&INTERNET 8일차 : 웹서버 운영하기 (윈도우) 너무 오랜만의 포스팅이네요..ㅎ 그 사이 생활코딩 웹호스팅과 웹서버 부분도 2022년 수정판이 업로드 되었습니다. (7일차라고 쓰고 7개월 전이라고 읽는다..) 7일차 웹호스팅 부분에서 웹서버를 만드는 것은 어렵다고 했는데, 8일차에 바로 웹서버 운영하는 것을 배우다니..ㅎ 우리가 사용할 소프트웨어는 Web Server for Chrome입니다. . (크롬이 없는 분들은 먼저 크롬을 깔아주세요!) 이름에서 알 수 있듯 크롬 확장프로그램이고, 설치 후 실행하면 이런 화면이 나옵니다. 여기서 CHOOSE FOLDER를 누르고 바탕화면에 만들어 두었던 WEB 폴더를 선택합니다. 그 후에 아래에 있는 URL에 접속하면, 폴더 안에 있는 웹페이지에 접속이 가능해집니다! 전에는 파일 이름으로 접속을 했는데, 이제 ..
HTML&INTERNET 7일차 : 웹 호스팅 7일차 : 웹 호스팅 지난 시간에 웹서버를 직접 만드는 것은 어려우니, 웹호스팅 업체를 이용하라고 했죠. 웹서버를 운영하려면 우선 컴퓨터가 있어야 하고, 그 컴퓨터가 항상 켜져 있어야 합니다. 웹서버라는 프로그램을 배워서 설치해야 하고, 인터넷을 통해 정보를 외부로 전송할 수 있게 설정해야 합니다. 따라서 초보자가 쉽게 운영할 수 없죠..ㅠ 그래서 오늘은 웹서버를 빌려주는, 웹호스팅 업체를 통해 외부에서도 접속 가능한 웹사이트를 만들어 봅시다! ** 생활코딩에 나와있는 설명/캡쳐는 예전 깃허브를 보여주는 내용이라 생활코딩만 보면 똑같은게 없어서 당황하실 수 있어요. 오래 전에 업로드 된 내용이라서, 깃허브 페이지 생김새가 좀 달라졌거든요. 아래 캡쳐들은 실시간 깃허브의 모습이니 참고하세요 :) *** 생..

티스토리툴바