본문 바로가기

전체 글72

JavaScript 객체 [객체(object)] 배열을 사용할 경우, let user =[ 'Aurora', 'Kim", 'Seoul' ]; user[1] //Kim 각 index가 어떤 정보를 가지고 있는지 미리 알고 있어야 사용이 가능하다. index로 접근할 경우 가독성이 떨어진다. 객체를 사용할 경우, let user = { firstName: 'Aurora', lastName: 'Kim', city: 'Seoul' //key(키): value(값) }; //방법1: Dot notation user.firstName; //'Aurora' //방법2: Bracket notation user['firstName']; //'Aurora' '' 작은따옴표 사용 가능 user["firstName"]; //'Aurora' "" 큰따.. 2022. 7. 21.
Terminal 사용법(1) - 맥북위주 GUI(Graphical User Interface) 우리에게 익숙한 방법으로 아이콘을 클릭하여 파일에 들어가고 편집할 수 있는 방법을 말한다. CLI (Command-Line Interface) 터미널을 사용하여 명령어를 통해 컴퓨터를 조작하는 방법이다. 터미널에서 입력하는 CLI의 명령줄 대기모드는 프롬프트(prompt)입니다. CLI와 GUI는 사용자와 소통하는 방식의 차이이기 때문에 변경사항은 두 인터페이스에서 동일하게 나타난다. [프롬프트(Prompt) ] 키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간 [Terminal] 터미널은 CLI(Command-Line Interface)이다. 아이콘을 클릭하여 폴더를 클릭하거나 만드는 것과 달리 터미널을 사용하면 입력하는 글자와 출력되는 글자로.. 2022. 7. 21.
JavaScript 배열(2) 배열과 반복문은 자주 같이 사용된다. let myNum = [10, 20, 30, 40]; let sum = 0; for(let n = 0; n sum + myNum[0] // sum = 10 + 20 --> sum + myNum[1] // sum = 30 + 30 --> sum + myNum[2] // sum = 60 + 40 --> sum + myNum[3] } console.log(sum); // 100 [Array.isArray] Array.isArray() 메서드는 인자가 배열인지 판별합니다. typeof words //object typeof [1,2,3] //ob.. 2022. 7. 21.
JavaScript 배열(1) [배열] 순서가 있는 값. 순서는 인덱스라고 부르며, 1이 아닌 0부터 번호를 매긴다. 배열은 여러 데이터를 한 번에 다루기 위해 필요하다. let myNumber = [5, 44, 32, 99, 51]; [0] [1] [2] [3] [4] 5 44 32 99 51 예를들어 myNumber라는 배열의 3번째 인덱스의 값은 let myNumber = [5, 44, 32, 99, 51]; myNumber[3]; //99 [예제] 1. let fruits = [ 'banana', 'apple', 'pineapple' ]; ruits의 2번째 indexd의 값? fruits[2]; //pineapple fruits의 3번째 indexd의 값? fruits[3]; //undefined 2. let myNumber.. 2022. 7. 21.
JavaScript 타입(2) [원시 타입 데이터] string, number, bigint, boolean, undefined, symbol, (null) 데이터 크기와 관계없이 하나의 값(데이터)을 저장한다. 과거에는 데이터 저장소(메모리)의 용량이 제한이 있었기 때문에 하나의 값만 저장했다. 객체가 아니면서 method를 가지지 않는 데이터이다. 값 자체에 대한 변경이 불가능(immutable)하다. 변수에 다른 데이터를 할당할 수는 있다. let a = 5; let b = a; b = 3; // a의 값은? // a = 2 원시 자료형은 자료의 수정이 불가능 [참조 타입 데이터] 원시 자료형이 아닌 모든 것. 배열([])과 객체({}), 함수(function(){}) etc.. 값을 저장하는 대신 데이터가 담긴 저장소의 주소를.. 2022. 7. 13.
CSS 속성 [CSS] 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어이다. CSS는 웹 사이트 사용자가 HTML 문서에 작성된 콘텐츠를 잘 이해할 수 있도록 돕는 역할을 한다. CSS를 사용한 페이지는 HTML만 이용한 페이지보다 가독성이 좋다. 사용자 인터페이스(UI; user interface) 인터넷으로 옷을 구매하기 위해서는 쇼핑몰에 들어가 마음에 드는 옷을 누르고 구매하기 버튼을 눌러 구매하면 된다. 사실 더 복잡한 과정이 필요하지만 사용자는 구매하기 버튼을 누르는 것만으로 해결할 수 있다. 이것이 바로 UI이다. 사용자 경험(UX; user experience) 이러한 UI를 바탕으로 사용자의 편의성과 가독성을 도와주는 것이 UX이다. [CSS 속성] 셀렉터는 요소 이름이나 id, 또는 클래스를.. 2022. 7. 12.

티스토리툴바