개발하고 싶은 초심자

CLI 기본 명령어 1. CLI(Command-Line Interface): 명령어를 입력해 컴퓨터를 조작하는 방식. 즉, 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식. 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다. CLI는 크게 두 가지로 구성되어 있다. ① 입력(Input) : 화면을 보기 위해 마우스를 사용하고, 메시지를 입력하기 위해 키보드를 사용한다. 화상통화 시 얼굴을 보여주기 위해 내장되어 있는 카메라가 필요하고, 말을 전달하기 위해 마이크를 사용한다. 입력을 담당하는 키보드나 마우스, 컴퓨터에 새로운 명령을 전달하는 카메라와 마이크를 입력소스(Input source)라고 한다. 즉, 입력소스란 컴퓨..

1. CSS : Cascading Style Sheets의 약자로 HTML과 같은 마크업 언어가 표현되는 방법을 결정한다. CSS는 구조의 외부와 내부를 꾸미는 역할을 담당한다. 같은 HTML 구조를 가지고 있는 문서에, 각기 다른 CSS파일을 적용하면 전혀 다른 웹사이트처럼 보이게 할 수있다. 2. CSS 문법 구조 body { color : blue; font-size : 20px: } body는 선택자(selector). 셀렉터로 태그 이름이나 id, class(특정 요소)를 선택한다. 특정 요소를 선택한 후 { } 안에서 이 요소에 적용할 내용들을 작성한다. color와 font-size가 여기서 쓰인 그 예이다. { } 안에 있는 color : blue; font-size : 20px; 는 선언..

‣ HTML: 웹 페이지의 구조를 담당하는 마크업 언어(Structure), 웹페이지의 구조를 표현하는 언어 ‣ CSS: 디자인 요소를 시각화하는 스타일시트 언어(Presentation) ‣ JAVASCRIPT : 단순한 웹페이지를 프로그램으로 만들어 유저와 상호작용할 수 있게 해주는 프로그래밍 언어(Interaction) ex) 집을 짓는다고 가정할 때, 집 구조에 대해 러프하게 작성해놓는 것은 HTML 문서를 작성하는 것과 같다. 집 구조를 그려놓은 하나의 문서를 보고 문서의 제목, 지붕과 창문의 위치, 문의 위치 등을 명확하게 표시를 하고, 지붕의 색깔과 저택의 외관 색깔, 집을 지을 때 쓸 수 있는 재료 등의 정보를 간단히 적어두는 것은 CSS문서 작성과 같다. 앞서 작성해놓은 HTML 문서를 보..

1. 반복문 : 같거나 비슷한 코드를 여러 번 실행시켜야 할 때 쓰는 구문 ‣ 조건을 따지고 조건을 전부 정확하게 정의해준 다음에! ex) let sum = 1 sum = sum + 2; sum = sum + 3; sum = sum + 4; 배경색 쳐놓은 부분이 '조건' console.log(sum); // sum과 숫자 n의 합을 sum에 대입하자. // 조건에서 숫자 n은 2부터 시작한다. // 숫자 n은 4가 될 때까지 반복한다. // 숫자 n은 1씩 증가한다. 반복문을 작성하는 순서 ① 반복할 내용을 코드로 먼저 작성한다. 예시에서 보면 반복되는 코드는 sum = sum + n이다. ② 조건을 코드로 작성한다(조건문). 숫자 n은 2부터 시작한다. 그러면 변수로 먼저 선언을 해준다. let n =..

1. 문자열 : 문자열(String), 일상생활에서 모든 글자의 나열을 문자열이라고 한다. ex) 'Hello' , 'Hello World' , '사과' 코드와 문자열을 구분하기 위하여 ''(작은 따옴표) / ""(큰 따옴표)를 사용한다. ‣ 문자열 구분은 자동완성 기능처럼 문자열을 직접 사용하는 소프트웨어를 만드는 일에도 사용할 수 있고, 날짜를 나타내는 숫자를 문자열로 변경해 01과 같이 나타낼 수도 있다. ‣ 문자열은 String, 문자는 Charactor, 줄여서 char라고 표현할 수 있다. char가 포함된 메소드도 있다. ‣ str[index] ex) var str 'Apple' console.log(str[0]); // 'A' console.log(str[4]); // 'e' console..

1. 변수(Variable) ① 변수: 상황에 따라 변할 수 있는 값. ⇒ 들어갈 수 있는 값이 다 다르다. 변수는 이름이 붙은 값. 데이터를 보관하기 위한 데이터 보관함(메모리)의 크기는 동일하며, 이 때 보관함의 이름을 '변수'라고 한다. 변수를 통해 보관함에 있는 데이터를 활용할 수 있다. ‣ 프로그래밍은 데이터를 처리하는 것이고, 컴퓨터에게 우리가 원하는 출력 방식을 입력한다. 변수 사용은 데이터를 편리하게 저장하고 꺼내 쓰는 것이다. ex) 구구단을 출력해낼 때, 숫자를 여러 번 반복해서 쓰는 것이 아닌 변수를 활용하면 쉬움 ② 선언(declaration): 데이터를 이용할 때 데이터 보관함의 자리를 확보하는 것. 키워드 let(var, const) 뒤에 변수; 로 쓴다. ⇒ let 변수; ex..