제어할 태그 선택하기

자바스크립트로 할 수 있는 중요한 일 사용자와 상호작용해서 HTML, CSS를 동적으로 변경해 보다 사용자와 대화하는 듯한 느낌의 애플리케이션을 만드는 핵심적 원리

프로그램, 프로그래밍, 프로그래머

컴퓨터 언어 (HTML, CSS)

컴퓨터 프로그래밍 언어(JavaScript)

프로그램 이란, 순서.

그 순서를 만드는 행위가 '프로그래밍'

그 순서를 만드는 사람이 '프로그래머'

HTML은 웹 페이지를 묘사, 자바스크립트는 사용자와 상호작용하기 위해 개발된 언어

반복적으로, 조건에 따라 다른 기능을 실행

조건문 예고

비교 연산자와 Boolean 데이터타입

조건문

조건문의 활용

리팩토리(refactoring)

중복을 끝까지 찾아서 없애라!

반복문 예고

배열, 반복적인 작업 처리를 위한 반복문

배열(Array)

배열은 데이터 중 연관 된 데이터를 잘 정리정돈 해 담아 놓는 수납상자, array

반복문(Loop)

반복해야 할 2줄의 코드가 1억개라면 copy&paste가 불가능합니다. 만약 했더라고 오류가 발생한다면 다시 수정해야 하는 어려움이 발생, 이때 반복문을 사용합니다.

배열과 반복문

스크립트에 신경 쓸 필요 없이 데이터 자체에 집중하는 효과를 얻을 수 있습니다.

배열은 연관된 데이터를 정렬, 순서대로 자동화된 처리하는 것이 반복문

배열과 반복문의 활용

WEB

 

    
HTML
    
CSS
    
JavaScript
 

WEB

 

    
HTML
    
CSS
    
JavaScript
 

출처 : 생활코딩 강의

1. https://git-scm.com/ 먼저 깃 홈페이지에 들어갑니다.

2. 자신의 OS에 맞는 파일을 다운로드 합니다.

3. https://github.com/ 깃 허브에 접속하여 회원가입을 합니다.

4. 회원가입을 하셨다면 로그인 후 아래와 같은 화면이 나타납니다

Start a project 혹은 new repository 버튼을 눌러 형상관리할 프로젝트를 생성합니다.

5. 다음은 저장소의 이름을 설정하는 부분인데요. 프로젝트에 관련된 이름을 저장해주면 좋을 것 같네요.

이름 작성 후에 Create repository 버튼을 누릅니다.

6. 저장소를 만드셨다면 아래와 같은 화면이 나타날 것입니다. 아래 화면은 SourceTree와 git hub를 연동할 때 사용됩니다. 도메인 주소로 사용되니 기억해주세요!

7. 저장소를 만들었으니 소스트리 다운하겠습니다. 소스트리는 GUI(Graphic User Interface) 환경에서 git을 사용하여 편리성을 주는 프로그램입니다.  https://www.sourcetreeapp.com URL로 들어가  Download free 버튼을 눌러 다운합니다.

8. 다운하셨다면 순서대로 설치해주시면 됩니다.

9. 설치를 완료하셨다면 아래와 같은 화면이 나타납니다. Clone 버튼을 눌러 계정을 추가해줍니다. 위에 저장한 도메인 주소를 복사 붙여넣기를 해주세요. 그러면 자동으로 목적지 경로를 설정해줍니다. 완료하셨다면 클론 버튼을 누릅니다.

10. 파란색 저장소(R) - 저장소 설정 버튼을 눌러주면 아래와 같은 화면이 나옵니다.

URL 표시되어 있다면 확인 버튼을 눌러주세요.

11. 예제로 저장소 폴더에 gitTest 텍스트 파일을 생성합니다. git hub에 잘 저장되는 지 확인하기 위함입니다.

12. 만드셨다면 커밋 버튼을 눌러줍니다.

13. gitTest 텍스트 파일을 git hub에 저장하기 위해 Push 버튼을 누릅니다. master 항목을 체크하고 OK버튼을 클릭합니다.

14. git hub 홈페이지에 만들었던 저장소로 접속하면 gitTest 텍스트 파일이 정상적으로 push된 것을 확인할 수 있습니다.