본문 바로가기

전체보기297

자바스크립트(Java Script) 9장 switch 9장 switch if else와 대체가 가능하다. 다만, case가 다양할 때 더 간결하게 사용이 가능하다. switch(평가){ case A : // A일 때 코드 break; case B : // B일 때 코드 break; } if(평가 == A){ //A일 때 코드 }else if(평가 == B){ //B일 때 코드 } 위의 두 코드는 동일한 기능을 한다. switch 문에서는 case 별로 break문이 없다면 해당되는 case 문 아래로는 전부 출력이 되어 버린다. 때문에 break문을 적절히 사용할 것. 아무것도 해당되지 않는 경우, if에는 else 문이 있지만 switch문에서는 default 문이 있다. default를 사용하지 않으면 아무런 값을 반환하지 않는다. switch case.. 2022. 6. 22.
자바스크립트(Java Script) 8장 반복문 8장 반복문(loop) 동일한 작업을 여러번 반복 for 형식은 아래와 같다. for ( let i = 0; i < 5 ; i++) { // 반복을 할 코드 } for 괄호 안의 구성물은 초기값 지정 ; 조건 ; 코드를 실행 후 작업 으로 구성되어 있다. 위의 실행되는 순서는 1. i=0 2. i가 5보다 작으므로 코드 실행 3. i 값 1 증가 이러한 방식으로 조건이 충족 되지 않을 때까지 반복. while 형식은 아래와 같다. let i = 0; while(i 2022. 6. 22.
자바스크립트(Java Script) 7장 논리 연산자 7장 논리 연산자 종류 기호 뜻 설명 평가 || OR 하나라도 true 라면 true. 모든 값이 false 여야 false를 반환. 첫번째 true를 반견하는 즉시 평가를 멈춤. && AND 모든 값이 true 면 true. 하나라도 false 면 false를 반환. 첫번째 false를 발견하는 즉시 평가를 멈춤. ! NOT true와 false를 반대값으로 반환. 평가의 기준을 어떻게 하냐에 따라 성능 최적화가 가능하다. 예를 들어, '흰 피부의 대기업을 다니던 남자' 를 찾고자 했을 때 전체 사람 중에 흰 피부가 40% 전체 사람 중에 대기업이 10% 전체 사람 중에 남자가 80% 라고 한다면 평가 코딩은 => 대기업을 다니는 데 흰 피부의 남자 로 찾으면 성능이 올라간다. 위는 AND의 예시이다... 2022. 6. 22.
자바스크립트(Java Script) 6장 비교 연산자, 조건문 6장 비교 연산자, 조건문 비교 연산자 기호 뜻 예시 != 다름 5 != 2 + 4 == 동일 5 == 2 + 3 === 동일 (타입까지 동일 확인) "5" === 2 + 3 초과 10 > 20 = 4 ※주의할 점 동등 연산자의 경우, 문자형과 숫자형을 비교함에도 똑같다는 결과값을 보여준다. 타입까지 비교하는 일치 연산자의 경우, 다르다는 값을 보여준다. 고로 비교는 일치 연산자를 최대한 활용해라 조건문 : 조건에 따라 이후 행동을 달라지게 만드는 구문 if / else / else if 문 if( ) 의 괄호 안의 값은 항상 Boolean 값으로 변환된 뒤 판단된다. 위의 예시를 이용해서 prompt와 같이 섞어서 적용해보면 prompt로 받은 값은 '문자형'이다. 해당 값을 Number를 이용하여 '.. 2022. 6. 21.
자바스크립트(Java Script) 5장 기본 연산자 5장 기본연산자 + - * / % **(거듭제곱) 등등 => 기본적인 연산 방식은 일반 수학과 동일하다. 나머지의 쓰임새 ● 홀/짝 확인 ● 특정 숫자보다 낮은 값만 반환 받고 싶을 때 예 : 나는 4보다 낮은 값을 반환 받고 싶다 => 나누기 4하고 나머지만을 받는다.(0~3 값만 반환됨.) 연산자 줄여 쓰기 연산자 뜻 예시 결과 += 왼쪽의 변수 값에 오른쪽의 값을 더한 다음 새 변수 값을 반환합니다. x += 4; x = x + 4; -= 왼쪽의 변수 값에서 오른쪽의 값을 빼고 새 변수 값을 반환합니다. x -= 3; x = x - 3; *= 왼쪽의 변수 값에 오른쪽의 값을 곱하고 새 변수 값을 반환합니다. x *= 3; x = x * 3; /= 왼쪽의 변수 값을 오른쪽의 값으로 나누고 새 변수 값.. 2022. 6. 21.
자바스크립트(Java Script) 4장 형변환 4장 형변환(Type conversion) 종류 String() : 문자형 Number() : 숫자형 Boolean() : 논리형 형변환이 필요한 이유 : 자료형을 정립함으로써 의도치 않은 동작 발생을 막기 위해 예를 들어 위와 같은 상황에서 각각 50점과 90점을 넣었다고 하자. 결과값이 이상한 이유는 prompt에서 입력 받으면 무조건 "문자형"이다. 때문에 "5090" / 2 = 2545 가 나오게 된 것. 하지만 5090은 문자형인데 어떻게 2로 나누어 지게 된 것일까?? 이 과정이 자동 형변환이라는 것. 때문에 원치 않은 형변환으로 인해 에러가 발생할 수 있다. 때문에 우리는 의도를 가지고 명확하게 형변환을 해주어야 한다. 이를 명시적 형변환이라고 한다. ※참고 이후에도 명시할 예정이지만, 3장.. 2022. 6. 21.
자바스크립트(Java Script) 3장 alert / prompt / confirm 3장 alert : 알려주고 prompt : 입력 받고 confirm : 확인 받는다. alert 알림을 알리는 용도. 메세지를 보여주고 확인 버튼을 누르면 닫힌다. 확인 버튼만 있다. prompt 내용을 입력 받는 것. 메세지를 보여주고 입력값 필드를 제공한다. 만약 취소를 누르면 null을 반환한다. 위의 함수들을 이용해서 코딩해보면 백틱으로도 코딩해도 같은 결과 값이 나온다. 또한 위처럼 Prompt는 값을 2개까지 받을 수 있다.하나는 알림창에, 하나는 입력창에 미리 값을 넣을 수 있다. confirm 확인할 때 사용 할 수 있다. alert과는 다르게 취소 버튼 까지 있다.확인을 누르게 되면 true 값을 받아오게 되고, 취소를 누르면 false 값을 받아오게 된다. alert / prompt .. 2022. 6. 21.
자바스크립트(Java Script) 2장 자료형 2장 자료형 문자형 문자형은 " " , ' ' , ` ` 으로 표현할 수 있다. 메세지 2처럼 ' ' 로 감싸야할 때 가운데 '를 온전히 따옴표로써 쓰고 싶다면앞에 \ 를 추가하면 따옴표를 특수문자 취급하여 온전히 나올 수 있게 된다. 백틱으로 변수를 사용하면 변수가 변환되어서 결과값이 나온다. 하지만 " " , ' ' 로 변수를 사용하면 변수 그 자체로 결과값이 나오니 주의. 마지막으로 문자형은 문자형끼리 더하기가 사용이 된다. 하나의 문장으로 완성! 숫자형 사칙 연산이 가능하다. 결과값 : Infinity => 예 : 1/0 결과값 : NaN (Not a Number) => 예 : 문자/2 논리형 true / false ※참고 파이썬의 경우, True/False 값을 값으로 인지한다.JS의 경우, t.. 2022. 6. 21.
자바스크립트(Java Script) 1장 변수 Java Script 를 공부를 시작하기 전 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 위의 사이트는 코딩 실습을 할 수 있는 곳인데 여기에서 블로그 내용을 보면서 같이 실습하는 걸 추천합니다. 1장 변수 어떤 데이터를 이름을 붙여서 사용하고 싶은 때 사용. 문자열은 항상 따옴표로 감싸줘야 한다. 홑따옴표('')든 겹따옴표("")든 백틱(`) 상관 없이. 그리고 문장의 마지막은 ' ;.. 2022. 6. 21.
6/21 Python 3장(연산자,포메팅), Java Script 4~6장(형변환, 기본 연산자, 비교 연산자, 조건문) AWS 클라우드환경 네이티브 수업 29일차 진행 1. Python 3장 2. Java Script 4~6장 요약 1. Python 3장 (연산자,포메팅) 2. Java Script 4~6장 (형변환, 기본 연산자, 비교 연산자, 조건문) Python 3장. 연산자 문자열 인덱싱과 슬라이싱 인덱싱(Indexing)이란 무엇인가를 "가리킨다"는 의미이고, 슬라이싱(Slicing)은 무엇인가를 "잘라낸다"는 의미. >>> a = "Life is wonderful" 위의 Life is wonderful 을 왼쪽부터 띄어쓰기까지 포함해서 01234 순서대로 숫자를 매칭을 한다고 한다면 (파이썬은 0부터 숫자를 센다) L은 0 i는 1 f는 2 e는 3 >>> a[7] 's' >>> a[-5] 'e' >>> a[-.. 2022. 6. 21.
728x90
반응형

티스토리툴바