본문 바로가기
728x90
반응형

전체 글220

[Github] ④ Github Desktop으로 repository에 프로젝트 업로드하기/이미 생성한 레파지토리에 프로젝트 추가하기 ◆ 이미 생성한 레파지토리에 프로젝트 추가하기 ① 바탕화면 경로에서 생성한 레파지토리를 찾아서 파일을 열고 github desktop도 함께 열어둔다. ② 추가하고자 하는 코드파일을 생성한 레파지토리 파일 안에 붙여넣는다. ③ 그리고나서 github desktop에 가보면 자동으로 파일이 올라와있다. → 꼭 gh-page가 아닌 main에서 올려야함! ④ 왼쪽 하단에 빨간색 박스안에 업로드하는 파일의 설명을 간단하게 적고 Commit to master를 클릭 후에 Fetch origin를 클릭 ※ publish Respository가 아니고 Fetch origin인 이유 → 레파지토리를 만들고 처음 업로드한 이력이 있으면 그 이후부터는 Fetch origin로만 나옴 ⑤ gh-pages로 이동해서 상단 .. 2020. 11. 30.
[Github] github 브랜치명 master? main? 오랜만에 깃허브 데스크로 레파지토리 만드려고 관련 강의를 찾아보면서 따라하고 있었는데 뭔가 어색해서보니까 master이었던 branch명이 main으로 바뀌어있었다. 혹시나 내가 잘못한것일까 싶은 마음에 찾아보았는데 2020년 올해 10월을 기점으로 default 브랜치명이 master에서 main을 바뀌었다고 한다. 이유는 미국에서 Black lives matter 운동이 큰 이슈가 되었는데 구글과 트위터, JP모건 등 대기업들이 그간 사용했던 인종차별적인 용어를 사용하지 않겠다고 밝히며 변화에 앞장서기 시작했기 때문이다. ‘마스터(master)’와 ‘슬레이브(slave)’, ‘블랙리스트(blacklist)’, ‘화이트리스트(whitelist)’와 같은 프로그래밍 용어를 개선하기로 하면서 github도.. 2020. 11. 30.
[Github] ③ Github Desktop에서 gh-pages로 무료 웹 호스팅하기 ◆ 웹 호스팅이란? → 인터넷 호스팅 서비스의 일종으로 개인과 단체가 월드 와이드 웹을 통하여 웹사이트를 제공하는 것 ◆ branch → github에서 branch를 가지고 있으면 github에서 무료로 Static 호스팅을 무료로 제공해줌 → 마치 나무의 가지처럼 마스터(나무심지)는 건드리지 않고 새로운 기능이나 테스트 하고 싶을 때 생성하는 것 (처음 디폴트로 생성되는 것은 master인데 master branch에는 나의 모든 commit이 반영되어 있음.) ◆ Static 호스팅 → Static 웹사이트를 무료로 업로드할 수 있고 URL을 무료로 제공 ◆ Static 웹사이트 → HTML,CSS,JavaScript로만 이루어진 사이트(백엔드는 불가) ◆ 호스팅방법 1) Github Desktop.. 2020. 11. 30.
[자바스크립트] 5의 배수 찾기 [do it 웹 프로그래밍을 위한 자바스크립트 기본편]에 나와 있는 예제를 따라하거나 주제만 따오고 응용해서 해보고 있다. 이번 5의 배수는 조금 응용해서 해보려고 한다. 원래는 에러나서 못했던 문제인데 해결하고 추가적으로 css랑 기능을 더 추가함 ◆ 기능 ① 빈칸으로 확인을 누르거나 1~100 이외의 숫자를 입력하면 경고문구가 뜸 ② 1~100 사이의 숫자를 입력하면 5의 배수인지 아닌지 알려줌 ③ reset 버튼을 누르면 입력값과 결과값이 초기화됨 ④ 조건에 따른 숫자와 문자의 색이 바뀜 ⑤ 확인 버튼을 누르면 입력창에 입력된 숫자는 초기화되고 결과값만 출력됨 ⑥ 각종 CSS 변경 ◆ 자바스크립트 → 처음으로 함수를 하나 더 만들어서 사용해봄(reset함수) → 예전에 노마드코더에서 들은 내용이 이.. 2020. 11. 29.
[자바스크립트] innerHTML 속성 - 글자색 변경하기 innerHTML으로 추가한 문자의 스타일을 변경하고 싶을때 변경하고자 하는 부분에 을 넣어주면 됨 resultArea.innerHTML=""+num.fontcolor("blue")+"은(는) 5의 배수가 맞습니다."; if(num%5===0){ resultArea.innerHTML=""+num.fontcolor("blue")+"은(는) 5의 배수가 맞습니다."; }else { resultArea.innerHTML=""+num.fontcolor("red")+"은(는) 5의 배수가 아닙니다."; } ofcourse.kr/js-course/innerHTML-%EC%86%8D%EC%84%B1 JavaScript innerHTML 속성 - ofcourse 개요 QuerySelector로 가져온 도큐먼트 오브젝트.. 2020. 11. 29.
[자바스크립트] 문자열 FONTCOLOR () 메서드 내가 원했던 것 : 5의 배수가 맞으면 입력한 숫자의 색깔이 블루, 틀리면 빨강으로 변하게 하고 싶었음 일반 텍스트가 아닌 변수 안에 들어가있는 값의 스타일을 변경하고 싶을때 사용 여기서 num은 변수이므로 css로 변경하기 힘듬 → num.fontcolor("blue") 이런식으로 사용 var resultArea = document.querySelector("#result"); function input(){ var num = document.querySelector("#input").value; console.log(num); if(num === null || num === ""){ resultArea.innerHTML="숫자를 입력해주세요.."; }else if(num == 0 || num>=101.. 2020. 11. 29.
728x90
반응형

티스토리툴바