HTTP

조건

UI 조건

1. 햄버거 메뉴 버튼 클릭시, 각기 다른 클래스가 입혀진다.
2. 다시 클릭시 기존 햄버거 메뉴로 돌아온다.

UI 조건

1. 1.상단 메뉴바는 스크롤을 내려도 계속 상단에 노출된다.
2. 2.각 메뉴바를 누르면 첫 화면으로 올라간다.

UI 조건

1. que를 클릭했을 때, 바로 다음 요소(anw)가 보이게 하라
2. que를 클릭했을때 on class 적용, 다른 que나 해당 que 클릭시 on class 해제
3. 하나의 anw 만 slide 애니메이트 적용

JSX란 자바스크립트를 확장한 문법이다. 얼핏 보면 HTML과 비슷하여 템플릿 언어가 떠오를 수도 있지만, 자바스크립트의 모든 기능이 포함되어 있다. JSX를 제대로 사용하기 위해서 몇가지 규칙을 준수해줘야 한다. 이전 포스팅 [React] React 시작하기에 나온 App.js파일에 예제를 작성하여 진행하겠다. 기존의 코드는 지우고 클래스 방식으로 컴포넌트를 만들어준 뒤 아래 예제들을 살펴보겠다.

호출 스택

UI 조건

1. 버튼 클릭시 팝업창이 나타난다.
2. 팝업창이 띄워져 있을때, 딤드 영역이나 닫기 버튼 클릭시 팝업창이 닫힌다.

UI 조건

jQuery전체동의 체크박스 만들기

jQuery를 이용하여 전체동의 체크박스UI를 아래와 같이 만들어 보았다.

변수 선언과 Hoisting

조건

1. select class 클릭 시, list class 보이게 하라!
2. li 항목 클릭 시, 해당 텍스트가 select text에 담겨야 한다
3. li 항목 클릭 시, 형제 리스트 목록은 숨겨져야 한다. (클래스 제거)
4. list class가 보일때 select box를 제외한 부분을 클릭할 시, 모든 리스트는 숨겨져야 한다. 조건 4-1. select 를 제외한 다른 부분을 클릭할때 = select 클릭이 아닐때
   조건 4-2. list가 다 보였을때

while문은 조건을 검사하여 true일경우 계속 구문을 실행시키는 반복문이다.

switch키워드 오른쪽 ()안의 값과 case키워드 오른쪽의 값을 비교하여 true일시 콜론 오른쪽 구문을 실행하게 된다.

노드 생성

let input = document.createElement('input');

문자열 자르는 자바스크립트 메소드 정의

자바스크립트의 실행 환경

JavaScript는 독립적인 언어가 아니라 스크립트 언어로, 특정한 프로그램 안에서만 동작을 할 수 있다. 자바스크립트를 실행하는 환경은 브라우저환경에서 실행하는 방법과 Node.js에서 실행하는 방법, 코드 에디터는 VS code를 이용하여 브라우저나, Node.js 환경에서 실행하는 방법이 있다.

JS 특정 값 개수 구하기
자바스크립트에서 특정 값의 개수를 구하는 함수를 아래와 같이 작성하였다. 예를 들어 함수 counterCharacter(‘Abcea’, ‘a’)는 ‘Abcea’ 에서 a가 몇 번 들어갔는지 세는 함수로 대소문자 구분이 없다. 즉, 위 예시의 경우 실행값은 2가 나와야 한다.

자바스크립트에서의 스코프란 코드가 실행되는 컨텍스트(유효범위)이며 전역 스코프, 지역 스코프, eval 스코프로 나눌 수 있다.

retrun vs console.log