JS 5

JS 기초 - 함수

1. 함수 : 특정 기능들을 묶어서 호출할 수 있도록 하는 기능(믹서기의 역할) 1) 매개변수를 활용한 함수 - function 함수이름(매개변수){ 누군가가 함수를 호출했을 때, 실행시킬 로직 } 함수 하나만 만들어놔도(믹서기) 레몬을 넣든 자몽을 넣든 수박을 넣든 주스를 만들어준다! 2) return을 이용한 함수 : 누군가가 함수를 호출했을 때 특정값을 받고 싶다면 활용 3) 화살표함수(Arrow Function) 전 포스팅에서 다뤘었던 호이스팅은 함수에서도 된다. 호이스팅으로 인해 개발자들은 불편함을 겪었고, 화살표 함수가 만들어졌다. - const 함수이름 = ()=>{} 4) 함수 예제 사용자에게 숫자를 입력받아 두 수를 더한 값을 팝업창으로 띄워보자! step 1) 사용자에게 숫자 두 개를 ..

JS/기초정리 2023.01.12

JS 기초 - 배열

그 놈의 배열 배열 배열 !!!!! 또 배열이다 하지만 프로그래밍 언어에서 절대 뺄 수 없는.. 그런 아주 중요한 배열 1. 배열 : 여러 변수를 하나의 묶음으로 다루는 것 - 인덱스로 접근, 0부터 시작 - 다양한 데이터 자료형 저장이 가능하나, 그건 지양함 - 배열의 크기가 가변적이기 때문에 데이터 추가 시 오류 없이 자동으로 저장 공간 할당 1) 배열의 선언([]) - 단순 배열 생성 : let a = [] - 초기 데이터를 넣은채로 생성 : let member = ['제니', '로제', '지수', '리사'] 2) 배열 내 특정 데이터에 접근 : 배열이름[원하는 인덱스 번호] console.log('두번째 멤버는', member[1]) 3) 배열 내 전체 데이터 출력 → for문, length (1..

JS/기초정리 2023.01.12

JS 기초 - 조건문, 반복문 실습

확실히 java 기반으로 만들어진 거라 그런가 js도 조건문, 반복문은 java와 거의 비슷하다. 그래서 오늘은 실습문제를 할 거다. 이래서 역시 프로그래밍 언어 공부는 java부터인가부다 ^^.. 1. 조건문 실습 간단한 코로나 검사 프로그램 조건문을 활용하여 만들어보자! step 1) 사용자에게 코로나 검사 여부 확인하기 step 2-1) 검사를 했을 때 step 3) 사용자에게 양성, 음성 여부 확인하기 step 3-1) 사용자가 양성일 때 : 팝업창으로 '집에서 5일간 격리하세요' step 3-2) 사용자가 음성일 때 : 팝업창으로 '안녕히가세요~' step 2-2) 검사를 안 했을 때 : 팝업창으로 '검사 하고 오세요!' 조건문을 쓰면 쉽게 작성할 수 있다. step1) confirm을 이용해 ..

JS/기초정리 2023.01.12

JS 기초 - 자료형과 형 변환(+ 연산자 조금)

1. 자료형 java와 다른 점은 정수와 실수를 묶어 number라는 자료형 하나로 쓸 수 있다는 점! 그리고 undefined과 null이라는 개념이 추가되었다. 1) String 문자 타입 : 큰따옴표(" "), 작은따옴표(' ') 둘 다 사용가능 콘솔창에 문자형태로 출력이 된다. 2) number 숫자 타입 : 정수와 실수 모두 포함! +) 타입을 알 수 있는 방법 - console창의 글자 색상 (자료형을 유지하려면 '+' 가 아니라 ',' 를 써야 함) - typeof() 콘솔에는 이렇게 보여진다. 나는 스킨 설정을 어두운 것으로 해놓아서 숫자형태(number)는 보라색, 문자형태(string)는 흰색으로 보여진다. 3) boolean 참, 거짓 4) undefined , null undefin..

JS/기초정리 2023.01.10

JS 기초 - 기본 입출력과 변수

Java Script는 Java문법과 거의 비슷하다! 기초 틀은 java로 되어 있어서 이해하기가 조금은 수월했다. 1. 스크립트 태그 - body태그 가장 하단에 작성한다.(추천하는 방식) - html태그들 보다는 밑에 두어야 한다. - script태그 안에 작성하면 된다. 2. 출력문 일단 출력한 걸 보기 위해선 alt + L + O를 눌러 웹페이지를 열고 F12로 개발자 도구로 가서 console탭으로 이동하여야 한다! 출력시키는 데에는 2가지 방법이 있다. 1) console창에 출력 - console.log('실행문장') 이렇게 콘솔창에 출력이 되고 에러가 난 건 따로 표시로 확인할 수 있다. 오른쪽을 보면 코드 어느 쪽인지도 알려준다. 2) 팝업창에 출력 - alert('실행문장') - 사용자..

JS/기초정리 2023.01.10