본문 바로가기

공부

 (14)
[코딩앙마] JS 기초강좌 자료형 *변수 let const: 절대로 바뀌지 않는 상수 (수정X) / 대문자로 선언하는 것이 좋음 자바스크립트에서 변수를 선언할 때는, 변하지 않는 값은 const, 변할 수 있는 값은 let으로 선언. 변수 규칙 * null과 undefined let age; console.log(age) 변수를 선언하고 아무것도 할당하지 않으면 undefined let user = null; 유저는 존재하지 않는다 참고) null은 객체가 아님. *alert(알려줌) / prompt(입력 받음) / confirm(확인 받음) const name = prompt("이름을 입력하세요."); alert("환영합니다, " + name + "님"); *prompt *confrim const isAdult = confirm("당신..
[생활코딩] JavaScript 29-33 (객체, 객체와 반복문,객체 프로퍼티와 메소드) *객체(Object) 함수의 기반 위에서 객체가 존재. 함수, 함수와 연관되어있는 변수가 많아졌을 때, 그룹핑해서 정리정돈하기 위한 도구. document.querySelector('body').style.color = color; -> document 가 객체 / querySelector은 document 객체에 속한 함수 / 객체에 속한 함수 => 메소드(method)라 부른다 *객체 쓰기와 읽기 -배열은 정보를 담는 그릇, 정보가 순서대로 저장됨. -> 순서 없이 정보를 저장할 수 있는 것: 객체 (=이름이 있는 정리정돈 상자) -객체를 만들 때 쓰는 기호 : {} (배열은 []) ex. var coworkers = { "programmer":"해린", "designer":"혜인" }; -> cow..
[생활코딩] JavaScript 24-28 (함수,매개변수와 인자,리턴) *함수(Function) -> 코드를 잘 정리정돈 하기 위한 도구 중 하나. 메소드(method)라고 부르는 경우도 있다. nightDayHandler 라는 함수 만들기 -> function 키워드 붙여줌 로직 실행 시키기 nightDayHandler(this); -> nightDayHandler라는 함수를 실행시켜라 함수를 이용함으로써, 이름을 통해 코드의 정체를 이해할 수 있게 되고 코드가 복잡해지는 과정에서 이득을 얻을 수 있다! *함수의 기본 문법 **코드가 연속적이지 않게 반복되면, 반복문 사용이 어려움. 이 때 함수를 사용해서 해결. document.write('1'); document.write('2-1'); document.write('2-2'); document.write('3'); do..
[생활코딩] JavaScript 19-23 (배열, 반복문, 배열과 반복문 활용) *배열(array) 데이터가 많아짐에 따라, 소프트웨어가 복잡해진다. -> 즉, 배열: 이를 해결하기 위해 데이터 중에 연관된 데이터를 잘 정리정돈해서 담아 두는 일종의 '수납상자' 순서대로 연관된 데이터를 잘 정리정돈 하는 것. 배열에서 각각의 항목들을 '원소(element)' 라고 한다. 배열의 문법 배열은 대괄호로 시작해서 대괄호로 끝난다. -배열 만들기. var coworkers = ["민지","해린"]; -> coworkers 라는 변수에 '배열'이라는 새로운 데이터 타입이 담긴 것 -가져오기. document.write(coworkers[0]); -> 첫번째 자리에 있는 값은 0번째 . 즉 index 0번은 '민지' index 1번은 해린 -들어있는 값이 몇 개 인가 체크. 검색어 추천: ja..
[생활코딩] JavaScript 12-18 (비교연산자,불리언,조건문,리팩토링,this) JS의 문법에 따라 웹브라우저에게 태그를 선택하도록 명령. 검색어 추천: javascript select tag by css selector JS로 body태그의 style 속성 넣기 야간모드/주간모드 적용. *프로그램,프로그래밍,프로그래머 HTML은 컴퓨터 언어이지만 컴퓨터 프로그래밍 언어는 X. JS는 컴퓨터 언어이면서 동시에 컴퓨터 프로그래밍 언어. 프로그램 = 순서. 순서를 만드는 행위 = 프로그래밍. 즉, 여러개의 명령어를 시간의 순서에 따라 배치해 컴퓨터의 기능이 실행되도록 해야함. *비교연산자 & Boolean 불리언 === -> '비교연산자' 좌항과 우항의 관계에 따라, 참이면 true 거짓이면 false 값 출력. true와 false의 값을 묶어서 'Boolean'이라 부름. Boole..
[생활코딩] JavaScript 1-7 (event, console, 데이터타입, 변수와 대입연산자) JavaScript는 HTML을 제어하는 언어이다. HTML 이용해 웹페이지 만든 후, JavaScript를 이용해 사용자와 상호작용할 수 있는 기능을 추가할 수 있다. *event: 웹브라우저 위에서 일어나는 사건들 중, 사용자들에게 유용할 만한 것들 (10~20개 정의) 이를 이용해 사용자와 상호작용하는 웹페이지,웹사이트 제작 가능 ex. onclick, onchange 등의 속성(attribute) *console: console이용해서 JS 실행하면 해당 웹페이지를 대상으로 JS가 실행된다. console 이용해 일상의 불편함 가볍게 해소 가능 (실행방법: 웹페이지 마우스 오른쪽클릭 -> 검사) *데이터타입 숫자 데이터 타입에서 중요한 것은, 산술 연산자 => +, - ,* , / 문자 데이터타입..

티스토리툴바