본문 바로가기

TIL62

Code States 10일차 - 배열, 객체 배열 배열은 순서가 있는 값이다. 값은 요소(element)라고 한다. 순서는 인덱스(index)라고 부르며, 1이 아닌 0부터 번호를 매긴다. 배열 선언하기 // 대괄호로 선언하기 let myNumber = [73, 98, 86, 61, 96]; // Array 생성자로 선언하기 let myNumber = new Array(73, 98, 86, 61, 96); // 값은 인덱스로 접근한다. // "myNumber라는 배열의 3번째 인덱스"를 조회하려면 myNumber[3]; // 61 // "myNumber라는 배열의 3번째 인덱스"의 값을 변경하려면 myNumber[3] = 200; myNumber; // [73, 98, 86, 200, 96]; // myNumber라는 배열의 길이를 알아내려면 my.. 2021. 7. 30.
Code States 8일차 - CLI 기본 명령어 기본적인 명령어 프롬프트(Prompt) 터미널은 CLI(Command-Line Interface)이다. 입력하는 글자와 출력되는 글자로 컴퓨터와 소통할 수 있다. 컴퓨터가 출력하는 글자를 읽을 수 있어야 한다. pwd : 현재 위치 확인하기 pwd는 print working directory의 약자이다. 여기서 말하는 디렉토리(directory)는 폴더라고도 한다. CLI에서 폴더를 열거나 닫으면서 이동하면, 현재 위치가 헷갈릴 수 있다. 이 때 명령어 pwd를 입력하고 Enter(엔터 키)를 누르면, 컴퓨터는 현재 작업중인 폴더의 위치를 출력한다. mkdir : 새로운 폴더 생성하기 CLI에서 폴더를 생성하기 위해 사용하는 명령어인 mkdir은 make directories의 약자로, 폴더를 만들라는 .. 2021. 7. 28.
Code States 6일차 - CSS 기초 CSS 소개 CSS는 스타일링을 위한 도구입니다 컨텐츠의 배치와 위치 (레이아웃 디자인) 텍스트를 강조하거나 밑줄을 치는 등, 최소한의 타이포그래피 (Typography) 위의 요소를 갖추고 있으면 더 나은 사용자 경험(UX, User expirenece)을 제공할 수 있다. 기존 웹 페이지에 다른 CSS 파일을 적용해 활자 매체로 출판을 할 수도 있거나, 색약이나 장애인이 웹 페이지를 이용할 때 도움을 줄 수도 있다. CSS에 대한 오해 CSS는 디자이너의 영역이다? CSS를 작성해서 간단한 UI를 만드는 일은 개발자의 기본적인 소양이다. 콘텐츠를 적당한 위치에 배치하는 레이아웃 디자인은 디자이너가 아니라도 할 수 있어야만 한다. 일반 사용자를 대상으로 하는 어플리케이션은, UI(User Interfa.. 2021. 7. 26.
Code States 5일차 - HTML HTML What is HTML? HyperText Markup Language의 약자 웹페이지의 틀을 만드는 마크업 언어 How to use HTML? HTML은 tag들의 집합 Tag : 부등호()로 묶인 HTML의 기본 구성 요소 html 확장자 사용 Tree Structure Hello World Contents here Here too! Self-Closing Tag 태그 내부에 내용이 없다면, (와 같이 표현되는 경우) 와 같이 표현 가능 Most used tags in html 태그 설명 Division Span Image Link & Unordered List & List Item Input (Text, Radio, Check Box) Multi-Line Text Input Button d.. 2021. 7. 23.
Code States 4일차 - 반복문 반복문 같거나 비슷한 코드를 여러번 실행시켜야 할 경우에 쓰는 구문 for 구문 반복할 내용을 중괄호 block 안에 넣어준다. let sum = 1; for( ){ sum = sum + n; // 반복할 내용 } console.log(sum); 반복할 내용을 초기화, 조건식, 증감문 순으로 넣어준다. let sum = 1; for(let n = 2; n 2021. 7. 23.
Code States 3일차 - 문자열 다루기 문자열 다루기에 대한 영상자료가 따로 슬라이드가 없어서 Read Me를 정리한다. 문자열이란? 일상생활에서 확인할 수 있는, 모든 글자의 나열을 문자열이라고 한다. 컴퓨터는 코드와 문자열을 구분하기 위해서 작은 따옴표(')나 큰 따옴표(")를 사용하여 문자열을 구분한다. 더보기 문자열은 string입니다. 문자 하나는 character이며, char이라는 축약어로 부르기도 합니다. char가 포함된 메소드도 있습니다. 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다. 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. 문자열의 글자 하나하나에 접근할 수 있다. 문자열을 합칠 수 있다. 문자열을 원하는 만큼만 선택할 수 있다. 영문을 모두 대문자로 바꿀 수 있다. 영문을 모두 소문.. 2021. 7. 21.