Study/TIPS (5) 썸네일형 리스트형 HTML, CSS, JS를 이용하면 어떤 것들을 만들 수 있을까? (토이 프로젝트 주제 추천) 이것들 중에 몇 개는 클론 해봐도 좋을 것 같다. 난이도를 가늠할 수 있는 실력이 아니라 재밌어 보이고 다양하게 응용할 수 있을 것 같은 것들을 가져왔다. 이번에 찾고 영상보면서 느꼈는데 확실히 프로그램 만들고 쳐보는 것이 적응과 이해에 좋은 것 같다. 아 ... 자바스크립트는 로직이 중요한 언어 맞구나 .. ㅋㅋ ...ㅋ!!! 그리고 외국 컨텐츠를 자연스레 받아들일 수 있는 ... 영어 실력을 갖춰야겠다는 생각을 했다 ㅋㅋ ..! 컨텐츠 추천! youtuber - code Scalper님 youtuber - 드림코딩 by 엘리님 1. 테트리스 게임 만들기 https://youtu.be/1lNy2mhvLFk 테트리스의 사각형 칸을 list를 이용해 표현. JS에 for 반복문 & createElement.. [웹] 제작한 웹 사이트 무료로 배포하는 방법 2가지 내가 만든 사이트를 인터넷에 공개하는 두 가지 방법 1. 내 컴퓨터를 서버로 만드는 방법 내 컴퓨터 자체를 서버로 만들어 인터넷에 내 IP주소를 알리는 방법이다. 보안 취약하고, 누가 언제 접속할지 모르기 때문에 내 컴퓨터를 24시간 가동시켜야 한다. 2. 외부 (전문) 서버를 이용하는 방법 -> 웹 호스팅(클라우드 서버) 머기업에 맡기는 것이다. 다양한 기업들이 웹 호스팅 서비스를 제공하지만 금액을 꽤나 지불해야 한다. 따라서 무료로 사용해보려면 netlify를 추천한다.site 주소까지 변경 가능하다! TIP) free HTML 템플릿 구글링하면 템플릿 많이 나온다. 여러 작은 toy project를 해보고 netlify 서비스를 이용해 배포용 서버를 가져오면 좋을 것 같다! [깃, 깃허브] 깃허브(Github) 사용법 (w. 얄팍한 코딩사전) 우선 깃허브를 사용하기 위한 준비 작업을 마친 후 시작하자. 1. 원하는 위치에 프로젝트를 진행할 폴더를 만든다. 2. 그 폴더를 vsc로 연다. # Github을 이용하기 위한 사전 작업 0. vsc에서 ctrl+` 단축키로 터미널을 연다. 이렇게 하면 직접 입력하지 않고도 현재 폴더로 이동할 수 있다. 1. 깃 저장소 만들기 git init 이 폴더가 깃의 관리 하에 들어간 것이다. git config --global user.name "(내 이름)" git config --global user.email "(내 메일주소)" 이 컴퓨터에서 git을 이용하는 것이 처음이라면 위의 명령어들을 입력해줘야 한다. 2. 현재 시점을 저장하기 지금 이 순간을 타임캡슐에 묻어두는 과정. git status 담을 .. [깃, 깃허브] 깃(Git) 사용법 (w. 얄팍한 코딩사전) 깃을 사용하는 방법으로는 크게 두 가지가 있다. 바로 CLI와 GUI이다. 우선 깃을 사용하기 위한 준비 작업을 마친 후 시작하자. 1. 원하는 위치에 프로젝트를 진행할 폴더를 만든다. 2. 그 폴더를 vsc로 연다. # GUI로 만들어진 소프트웨어 SourceTree 사용하기 --> Github desktop을 다룰 예정 # CLI로 명령어 입력하기 :Command Line Interface 0. vsc에서 ctrl+` 단축키로 터미널을 연다. 이렇게 하면 직접 입력하지 않고도 현재 폴더로 이동할 수 있다. 1. 깃 저장소 만들기 git init 이 폴더가 깃의 관리 하에 들어간 것이다. 2. 현재 시점을 저장하기 지금 이 순간을 타임캡슐에 묻어두는 과정. git status 담을 게 뭐가 있는지 알 .. [깃, 깃허브] 깃(Git)과 Github의 차이 (w. 얄팍한 코딩사전) # 깃(Git) : 버전 관리를 위한 소프트웨어 ■ 깃이 필요한 이유 1. 버전 관리 최종. 진짜_최종. 진짜_진짜_찐최종. 이라는 파일명을 방지하기 위한 것. 2. 협업 ■ 1. 버전 관리 + 커맨드라인 명령어 $ cd (폴더 디렉토리) 파일들이 다 담기는 프로젝트 폴더에서 $ git init git을 시작하면 지금부터 이 폴더의 모든 수정 내역들이 저장되는 .git이라는 공간(숨김 폴더)가 생긴다. ∨ 커밋하기 어느정도 프로그램을 짜고 저장했으면 백업을 한다. $ git add -A (모든 파일 백업) $ git commit -m "(작업수행 내용. 지금까지 이런 거 했음)" ∨ 복원하기 $ git logs 이제까지의 박제 내역들을 확인한다. $ git reset --hard 복제하고_싶은_상태(ex.. 이전 1 다음
