티스토리챌린지 5

js 호이스팅 과 콜백함수

1. 호이스팅의 개념1.1 평과와 실행단계2. 콜백함수2.2 함수의 참조     1. 호이스팅의 개념 호이스팅은 자바스크립트의 고유 특징으로 식별자를 선언 하는 과정에서 발생하는 현상입니다.선언문이 전체 소스코드의 중간에 있더라도 어디에 있든 상관없이, 선두로 끌어 올려진 것처럼 동작 하는 것 을 호이스팅 이라고 합니다.   1.1 평가와 실행 단계 호이스팅을 이해하기 위해선 평가와 실행단계의 개념을 알아야 합니다. 자바스크립트는 위에서 아래로 문서를 평가하는데 이 과정중에  실행단계와 평가단계 2단계로 나뉘어서 평가됩니다.  평가 단계평가단계는 js 안에 변수의 선언(할당 X)된 부분과 함수 를 먼저 평가합니다. 이때 선언이된 변수들과 함수가 최상단으로 끌어올려지는 것 처럼 보이는데 이를 호이스팅 이라..

카테고리 없음 2024.11.27

js 객체

1. 객체 의 타입과 성질 배열과의 차이 2. 객체 의 속성 추가와 덮어쓰기3. 객체 안의 객체3.2 객체안의 객체를 복사 1. 객체 의 타입과 성질 배열과의 차이객체는 변수하나에 여러가지 데이터를 담고 싶을 때 사용 합니다. 배열은 [] 대괄호 안에 하나의 변수에 여러 요소를 관리 하기 위해 쓰였으나  객채는 {} 중괄호 를 사용하여  하나의 변수에 그 변수의 여러가지 정보를 저장하기 위해 사용합니다.여기서 neme 를 준 부분 (변수에 속성을 준부분) 을 키(ket) 라고 하며 "a씨" (값을 받은부분을) 밸류(value)라고 칭합니다.  호출시 . 을 사용하여 ket 값을 호출가능 하지만 (" ")안에 있는 문자열이  ket 값일경우  [] 를 사용해서 호출합니다.  변수값 안의 함수도 . 을 사용..

카테고리 없음 2024.11.25

js 배열

1. 배열이란 2. 배열의 원시타입과 참조 타입. 2.1 스프레드 연산자.   1. 배열이란 그전 변수에는 하나의 값만을 담아서 사용하였지만 여러개의 객체를 불러야 할시에 하나하나 변수를 선언해야하는 번거로움이 있었습니다.  a b c d 를 선언하기 위해서 각각 변수를 선언해서 log를 해야 나타낼 수 있었기에 이를 그룹으로 묶어서  표한히기 위해 배열을 사용합니다. 배열 사용은 []  변수값을 묶어서 표현합니다. 배열은 데이터를 순서대로 저장하기에 원하는 값만 출력해서 보고 싶으면  log 값에 원하는 변수의 번호를  []에 넣어서 표현합니다.단 콘솔 로그에 [2] 의 값을 넣었지만 a3이 나왔다 그 이유는 배열은 그안의 변수를 순서대로 저장할때 첫번쨰 값을 1부터 저장하는게 아니라 0부터 시작하기..

카테고리 없음 2024.11.22

JS 의 함수와 스코프

1. 전역 스코프와 지역 스코프 2. function 함수 2.1 호출과 선언 3. return  1. 전역 스코프와 지역 스코프 스코프란 유효범위라는 듯으로  변수에 접근할 수 있는 범위 라고 볼 수 있다 스코프를 사용하는 이유는 - 영역을 구분하여 변수 충돌을 방지- 코드의 가독성 및 유지보수성 상향  을 위해서 사용한다. 스코프는 크게 전역 스코프와 지역 스코프로 나뉘며  전역에 선언된 변수로서 전체에서 접근이 가능하다.해당 사진은 전역 스코프와 함수 스코프 이해를 위하여 첨부한 사진으로  평가단계시 선언된 let ab를 읽고undefinde 값을 주고  지역스코프{}안에는 선언된 변수가 없기에 평가단계가 끝나게 된다. 이후 실행단계시 함수 값과 할당이 이루어지기에  그안에 변수 값 까지 평가함으로..

카테고리 없음 2024.11.20

input, laber

1. input 의 속성과 타입2. 다양한 명령어를 사용하여 input을 꾸며보기   1. input 의 속성과 타입1-1 input 의 속성input은 입력하다,넣는다 라는 뜻으로 기본적으로는 text 형태를 가지나  사용하여 여러 형태의 요소를 넣을 수 있다. input 을 사용하여 넣을 수 있는 요소들을 몇가지 정리해 보자면button: 누를수 있는 버튼을 생성합니다.checkbox: 체크표시가 가능한 박스를 생성합니다.text: 텍스트를 입력가능한 영역을 생성합니다. radio: 같은 name 의 그룹에 묶인 속성들중 하나를 선택 할 수 있는 버튼을 생성합니다. 수업시간에 사용한 input 은 이정도지만 image: 이미지를 보여주는 제출버튼을 생성number: 숫자를 입력하는 영억을 생성ran..

카테고리 없음 2024.11.18