코드그라데이션

조건문 1-1. if문과 if~else문 스크립트 안에서 조건을 체크 if문에서는 괄호 안의 조건 체크해서 true면 if문 다음에 나오는 값을 실행하고, false면 아무 것도 하지 않는다. 조건을 만족했을 때 실행할 명령이 여러 개라면 중괄호 { } 로 묶고, 그 안에 명령을 나열하여 순서대로 한꺼번에 처리하라고 표시한다. 기본형 if(조건) { 조건 결괏값이 true 일 때 실행할 명령 } if(조건) { 조건 결과값이 true일 때 실행할 명령 } else { 조건 결과값이 true일 때 실행할 명령 } 예제 3의 배수 확인하기 1 실행 결과 1-2. 중첩 if문 - 조건이 하나의 if-else문으로 해결되지 않을 때 사용 - 다른 if~else문 안에 포함되는 if~else를 의미 예제 2 3의..

산술 연산자 수학 계산을 할 때 사용하는 연산자. 연산자의 왼쪽이나 오른쪽에 있는 연산대상이 ‘피연산자’라고 하는데, 산술 연산자에서 피연산자는 숫자나 변수이다. 산술 연산자의 종류 * 나누기 연산자와 나머지 연산자 전자는 나눈 값 자체 후자의 결과값은 나눈 후에 남은 나머지 값. * 증감 연산자 후치 연산자는 연산 식을 먼저 실행한 후에 값을 증가시키고 전치 연산자는 증가를 먼저 시킨 후에 식을 수행한다. var a = 10 var b = a++ +5 var c = 10 var d = ++c +5 [실행 결과] a = 10 b = 15, a = 11 c = 10 d = 16, c = 11 할당 연산자(=대입 연산자) 연산 식 오른쪽의 실행 결과를 왼쪽 변수에 할당하는 연산자 자바스크립트에서는 할당 연산..

변수와 상수 변수 : 프로그램을 실행하는 동안 여러 번 달라질 수 있는 데이터 상수 : 값을 지정하면 바뀌지 않는 데이터 변수 선언의 규칙 1. 변수 이름은 영어 문자와 언더스코어(_), 숫자를 사용한다. - 첫 글자는 영어 대소 문자나 언더스코어, 숫자나 기호, 띄어쓰기는 허용하지 않는다. 2. 영어 대소 문자를 구분하며, 예약어는 변수 이름으로 쓸 수 없다. 3. CamelCase 형식으로 작성한다. 4. 변수 이름은 의미 있게 작성해야 한다. 변수 선언하기 기본형 : var 변수명; 쉼표로 한꺼번에 사용도 가능. = 을 통해 변수에 값 할당. 변수 선언과 값 할당 따로 할 수도 있고, 같이 할 수도 있음. 예제 : 나이 계산 프로그램 만들기 실행 결과 자료형 : 컴퓨터가 처리할 수 있는 자료의 형태..

https://school.programmers.co.kr/learn/courses/30/lessons/120889 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 선분 세 개로 삼각형을 만들기 위해서는 다음과 같은 조건을 만족해야 합니다. 가장 긴 변의 길이는 다른 두 변의 길이의 합보다 작아야 합니다. 삼각형의 세 변의 길이가 담긴 배열 sides가 매개변수로 주어집니다. 세 변으로 삼각형을 만들 수 있다면 1, 만들 수 없다면 2 를 리턴하도록 함수를 작성하세요. 제한사항 입출력 예 입출력 예 설명 아이디어 - 중복된 코드는 분리해서 한 번..

https://school.programmers.co.kr/learn/courses/30/lessons/120826 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자열 my_string 과 문자 letter 이 매개변수로 주어집니다. my_string에서 letter 를 제거한 문자열을 리턴하도록 함수를 완성해주세요. 제한사항 입출력 예 입출력 예 설명 아이디어 letter은 임의의 값. 어떤 게 주어질 지는 모르지만 문자 하나라는 건 정해짐. 원하는 문자열을 새로 만든다. 새로운 문자열은 주어진 문자열에서 특정 문자열만 없게 만들면 된다는 ..

웹 안에 실행 결과 클릭할때마다 바뀌게 하기 공부하세요. 위 텍스트를 입력해보세요 용어 식 : 표현 문 : 명령 간단한 입출력 알림 창(alert) 변수를 확인하고 싶으면 변수를 텍스트를 표시하고 싶으면 " " 안에 글자 적으면 되고, 함수를 넣을 수도 있다. alert（"안녕하세요?"） 결과 화면 예시 확인 창(alert) 확인이나 취소 버튼 중에서 사용자가 선택할 수 있다. var reply = confirm（"정말 배경 이미지를 바꾸겠습니까?"）; 결과 화면 예시 프롬프트 창 입력 텍스트 필드가 있는 작은 창을 의미 텍스트 필드 안에 간단한 메시지를 입력할 수 있으며, 그 내용을 가져와 프로그램에서 사용할 수 있음. var name = prompt（"이름을 입력하세요.", "아무개"); // 기본값..

자바스크립트가 하는 일 1. 웹의 요소를 제어한다. HTML은 웹 문서의 내용을 구성하고, CSS는 웹 문서의 레이아웃이나 색상, 스타일 등을 지정했다. 자바스크립트를 추가하면 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있다. 웹 사이트 UI 부분에 많이 활용한다. 2. 웹 애플리케이션을 만든다. 과거 웹은 단순히 정보를 나열하고 검색했다면, 최근 웹은 사용자와 실시간으로 정보를 주고 받으며 마치 애플리케이션처럼 동작한다. 이 작업을 가능하게 만드는 게 자바스크립트 3. 다양한 라이브러리를 사용할 수 있다. 과거에는 서버에서 했던 일을 이제는 클라이언트에서도 할수 있다. 클라이언트에서 처리해야 할 기능이 많아지면서 자바스크립트 기능은 더욱 강력해지고 있다. 리엑트, 앵..

가상 클래스 사용자 동작에 반응 특정 동작을 할 때 스타일이 바뀌도록 만들고 싶으면 사용 1) 방문하지 않은 링크에 스타일을 적용하는 ‘link 가상 클래스 선택자’ 웹 문서의 링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용 텍스트 링 크는 기본적으로 파란색 글자와 밑줄로 표시됨 이 때 링크의 밑줄을 없애거나 색상을 바꾸려면 ：link 선택자를 사용한다. 2) 방문한 링크에 스타일을 적용하는 ‘:visited 가상 클래스 선택자’ 웹 문서의 링크 중에서 한 번 이상 방문한 링크에 스타일을 적용 한 번 이상 방문한 텍 스트 링크는 보라색이 기본값. 이 때 사용자가 방문한 텍스트 링크와 색상이 달라지 지 않게 하려면 :visited 선택자를 사용해 조절한다. 3) 특정 요소에 마우스 포인터를 ..