코린이의 일지

오늘은 자바스크립트의 사용법에 대해 알아보려고 한다. 자바스크립트의 작성 방식에는 3가지가 있다. Inline - 인라인 자바스크립트 Internal - 내부 자바스크립트 External - 외부 자바스크립트 Inline (인라인 자바스크립트) = 태그에 직접 자바스크립트 명령어를 작성하는 방법이다. 인라인 자바스크립트는 태그에 이벤트가 포함되기 때문에 이벤트 소재를 파악하기 편리한 장점이 있으나 정보인 HTML과 제어인 자바스크립트가 혼재된 형태이기 때문에 바람직하지 못한 방법이다. Internal (내부 자바스크립트) = 태그에 직접 자바스크립트 명령어를 작성하는 방법이다. body 영역안에 script 태그 내에 작성한다. 내부 자바스크립트는 HTML 태그와 자바스크립트 코드를 분리할 수 있다는 장..

오늘은 반복문에 대한 예제를 풀어보려고 한다. 1_ 변수 x가 10보다 크고 20보다 작을 때 x를 출력하는 조건식을 완성하시오. 2_ for 문을 사용하여 0부터 10 미만의 정수 중에서 짝수만을 작은 수부터 출력. 3_ for 문을 사용하여 0부터 10미만의 정수 중에서 짝수만을 작은 수부터 문자열로 출력. 4_ for 문을 사용하여 0부터 10 미만의 정수 중에서 홀수만을 큰 수부터 출력. 5_ while 문을 사용하여 0부터 10미만의 정수 중에서 짝수만을 작은 수부터 출력. 6_ while 문을 사용하여 0부터 10미만의 정수 중에서 홀수만을 큰 수부터 출력. 7_ for 문을 사용하여 0부터 10 미만의 정수의 합을 출력. 8_ 1부터 20 미만의 정수 중에서 2 또는 3의 배수가 아닌 수의 ..

저번 시간에는 배열에 대해 알아봤었다. 이번에는 반복문에 대해 알아보도록 하자! 반복문이란? ->코드를 원하는 횟수만큼 반복하여 실행하는 것 , 반복문에는 for 문, while 문, do while 문 이 있다. for 문 - 조건식을 만족할 때까지 특정 코드를 반복하여 실행한다. = for (초기값; 조건식; 증감식) { 자바스크립트 코드; } = for ( let i = 0; i 초기값->조건식->자바스크립트 코드 -> 증감식->조건식 for 문 배열을 반대로 출력하기 while 문 - 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있다. 조건식을 만족할 때까지 중괄호({...}) 안에 있는 코드를 반복을 한다. 다만 조건에..

이번주는 저번주에 이어서 반복문을 다뤄보려고 한다. 배열이란? -> 관련 있는 데이터들을 하나로 묶어서 하나의 변수에 저장, 여러 개의 값을 저장하는 저장소 []를 사용한다. 배열은 다른 언어와 다른 점이 있는데 1. 배열 내부의 데이터 타입이 서로 다를 수 있다. => 숫자, 스트링, 불리언, null , undefined, 함수 2. 배열의 크기는 동적으로 변경될 수 있다. 배열 요소 개수 확인하기 length 를사용하여 요소의 개수를 확인할 수 있다. ------------------------------------------------------------------- 배열 추가 - push() , unshift()를 사용하여 배열에 추가할 수 있다. push() = 배열의 마지막에 요소를 추가 ..

오늘은 1~2주 동안 했던걸 정리하는 시간을 가져보려고 한다. 1주 차 때 다뤘던 내용은 식별자와 문자열, 숫자열 불 자료형 그리고 상수와 변수, 자료형의 변환을 다뤄봤고 2주 차에서는 조건문에 대해서 다뤘었다. ----------------------------------------------------------------------------------------------------------------------------------------------------------------- - 1 주차 - 식별자 - 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어! 식별자를 만들 때 반드시 지켜야하는 규칙이 있다. (1주 차 -2 참고!!) 변수 - 변하는 데이터며 오직 한 개의 데이터만 저장된..

지난번 if 문 다음으로 오늘은 switch 문을 알아보려고 한다. switch 문은 선택문이라 하며 변수에 저장된 값과 switch 문에 있는 경우의 값을 검사하여 변수와 경우의 값이 일치하면 해당하는 코드를 실행한다. if 문과 비슷할 수 있으나, if 문은 일치하는 값이 여러 개 일 때 사용하고 switch 문은 여러 개 값 중 일치하는 데이터를 찾아 실행한다. let 변수 = 초깃값; switch(변수) { case 값1 : 코드 1; break; case 값 2 : 코드 2; break; case 값 3 : 코드 3; break; default : 코드 4; } == 변수에 저장된 값은 switch 문을 만나면 케이스의 값을 검사를 하고 일치하는 값이 있으면 해당하는 코드를 실행하다. switc..

감기 유행이라고 하지만 난 안 걸리겠지 했던 안일한 생각,,, 월요일부터 아프더니 이제야 좀 살 거 같아서 다시 공부해 본다ㅠ 한해씩 지나니 아픔도 더 커지게 느껴진다... 다들 건강 잘 챙깁시다..ㅜ 오늘은 Chapter3을 들어간다! 드디어 만나는 조건문...ㅎ 처음 배웠을 때 신세계를 봤지.... 이건 도대체 무슨 소리인가.... 이번 기회에 다시! 새로운 마음으로 도전해 본다! ----------------------------------------------------------------------------------------------------------------------------------------------------------------- # 제어문 제어문은 프로그램의 흐름..

어느덧 새해가 시작된 지 일주일이 지났다. 새해 다짐으로 공부를 시작한 지도 일주일이 되어가고 있다. 시간이 정말 빠르게 지나가는 거 같다. 지금처럼 앞으로도 말뿐인 다짐이 아닌 행동으로 실천하는 사람이 되도록 해야겠다. 오늘은 자료와 변환을 해보려고 한다. 첫날에 추가 정리한 부분에서 다뤘던 부분인데, 다시한번 복습 차원에서 다뤄보려고 한다. 먼저, 문자열 입력에는 prompt(메세지 문자열, 기본 입력 문자열) 함수를 사용한다. prompt() 함수를 사용하면 사용자가 입력할 수 있는 입력창이 뜬다. 입력창에 값을 입력하고 확인을 누르면 한 번 더 경고하는 창이 나온다. prompt() 함수를 사용하면 입력창에 값을 문자열로 ee에 저장을 한다. 함수를 실행한 후 값을 남기는 것을 리턴이라고 한다. ..

오늘은 Chapter02-2 상수와 변수에 대에 공부하려한다. 상수는 항상 같은 수라는 의미로 한번 값을 부여하면 수정이 어렵다. 반면 변수는 변할 수 있는 수의 의미며 값의 수정이 가능하다. 상수는 const 키워드를 사용한다. const는 이미 선언한 상수에 대해 중복해서 선언할 수 없고 재지정할 수도 없다. 변수는 let , var 키워드를 사용한다. var키워드는 2015년 이전에 변수로 사용한 키워드였으며, let과 다르게 중복선언이 가능한 위험성이 있기에 let 이 출시된 지금 잘 사용하지 않는다. 상수와 변수를 언제 사용하는지 어렵다면, 상수는 사람의 이름이라 생각하면 되고 변수는 별명이라 생각하면 조금 이해가 쉬운거 같다. undefined자료형 - 변수를 선언하였으니 데이터 값을 지정하지..

오늘은 Chapter02를 시작해보려고 한다. 자료와 변수에 대해 알아보도록 하자! 변수는 변하는 데이터를 저장할 수 있는 메모리를 뜻하며 변수에는 오직 한 개의 데이터만 저장된다. 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지원지게 된다. 변수에 저장할 수 있는 데이터의 종류는 문자형(String), 숫자형(Number), 논리형(Boolean), 빈(Null) 데이터가 있다. 먼저 문자형(String)은 문자나 숫자를 큰따옴표(" ")또는 작은따옴표(' ')로 감싸있는 형태로 문자형 데이터에 HTML 태그를 포함하여 툴력하면 태그로 인식한다. -> let 변수 = "사용할 문자나 숫자"; 숫자형(Number) 단어 의미 그대로 숫자를 의미하며, "100" 과 같이 큰따옴표가 숫자를..