인천일보아카데미75 [학습일지]JAVA교육일지 16일차 10.4) 함수의 특징10.4.1 스코프 : 변수나 함수와 같은 참조 대상 식별자를 찾아내기 위한 규칙자바스크립트는 기본으로 스코프에따라 참조하려는 식별자를 찾음함수 스코프 / 블록 스코프 , 전역 스코프 / 지역스코프 의 참조 범위가 달라짐* 함수 스코프 : 함수에서 정의한 블록문만 스코프의 유효 범위로 인정하는 방식함수 내부 - 지역 스코프 영역 / 함수 외부 - 전역 스코프 영역예제 1)let a = 10 ; // 전역 스코프 function sum( ){ console.log(`함수 내부: ${a}`) ; } sum( ); console.log(`함수 외부: ${a}`) ; 실행결과) 함수 내부: 10 함수 외부: 10- 함수 내부와 외부에서 아무런 문제없이 정상적으로 변수a를 참조했음- 함.. 2022. 5. 29. [학습일지]JAVA교육일지 15일차 10장 자바스크립트 함수10.1) 함수- 어떤 목적을 가지고 작성한 코드를 모아 둔 블록문- 함수를 호출하면 함수 내부의 여러 코드를 한 번에 실행 할 수 있음- 여러 곳에서 재사용하기 편함, 유지 보수가 편함함수를 정의한다 : 블록문을 function 키워드, 식별자, 소괄호와 함께 묶으면 함수 생성function 식별자( ) { 블록문 }10.2) 함수 정의함수 선언문, 함수 표현식, 화살표 함수 등으로 정의10.2.1 함수 선언문으로 함수 정의 : function 키워드로 정의하는 방법function 식별자() { 함수 호출 시 실행할 코드 }중괄호{ } 안에는 함수가 호출되면 실행할 코드 작성, 코드는 길이, 개수 등의 제한 없음함수정의 후 함수의 식별자(함수명)과 소괄호( )로 실행.. 2022. 5. 29. [학습일지]JAVA교육일지 14일차 9.4) 조건문9.4.1 if, else, else if* if 문if 뒤에 소괄호( ) 안의 조건식이 참으로 평가되면 중괄호{ } 안의 코드를 실행하는 조건문숫자, 문자열, undefined, null 등 무엇을 써도 참/거짓으로 평가됨if (조건식) { 조건식이 참이면 실행할 코드 }- 블록/블록문/코드블록 : 한 개 이상의 js코드를 중괄호로 묶은 것* else 문if 문의 조건식이 거짓일 때 실행되는 블록문 정의if문 없이 단독으로 사용할 수 없음하나의 if 문에는 하나의 else 문만 사용 가능if (조건식) { 조건식이 참이면 블록문 실행} else { 조건식이 거짓이면 블록문 실행 }* else if 문if 문에 조건을 추가하고 싶을 때 사용else if 문의 개수에는 제한 없.. 2022. 5. 29. [학습일지]JAVA교육일지 13일차 9장 자바스크립트 기초 문법9.1) 변수와 상수9.1.1 변수 : 변하는 수, 값이 변하는 데이터를 저장하고 관리하기 위한 공간var num = 10 + 20 ;키워드 식별자 연산자 표현식 세미콜론키워드 (예약어) : 어떤 역할이나 기능이 정해진 특별한 단어ex) 변수 생성 : var식별자 (변수명) : 자바스크립트 내부에서 변수, 함수 등에 부여되는 이름, 키워드는 식별자로 사용x연산자 : 연산 작업을 하는 데 사용하는 기호표현식 : 평가(표현식을 실행해 하나의 값을 만드는 과정)되어 하나의 값을 반환하는 식 또는 코드값 : 더이상 평가할 수 없는 데이터세미콜론(;) : 하나의 문(문법)이 끝났음을 의미선언 : 변수의 식별자를 지정하는 행위, 변수를 선언한다할당 : 할당 연산자(=)로 우변에.. 2022. 5. 29. [학습일지]JAVA교육일지 12일차 8장 자바스크립트 시작하기8.1) 자바스크립트 코드 작성 방법8.1.1 HTML 파일과 자바스크립트 연결하기* 내부 스크립트 방법 : HTML 파일에서 script 태그에 JS코드 작성 * 외부 스크립트 방법 : .js 파일 생성 후 html 문서와 연결 script src="js코드작성된파일.js "> ※ script태그는 항상 body태그의 종료 태그 바로 전에 사용, 내부외부방법 동일8.1.2 자바스크립트 코드 실행* 콘솔창 사용 : 개발자 도구의 Console 탭에서 작성, 실행* 확장프로그램 사용VSCode - Code Runner 확장 프로그램 사용8.2) 프로그래밍 시작 전 알아두기 8.2.1 주석// 한 줄 주석을 슬래시 2개 (vscode 단축키 : ctrl + / ).. 2022. 5. 29. [학습일지]JAVA교육일지 11일차 7장 효과적인 레이아웃을 위한 CSS 속성7.1) 플렉스 박스 레이아웃으로 1차원 레이아웃 설계하기1차원 방식 : 가로(row)나 세로(column) 중 한 방향으로만 레이아웃을 설계하는 방식7.1.1 플렉스 박스 레이아웃* 구성요소주축(main axis) : 플렉스 박스의 진행 방향과 수평한 축교차축(cross axis) : 주축과 수직한 축플렉스 컨테이너 : display 속성값으로 flex나 inline-flex가 적용된 요소플렉스 아이템 : 플렉스 컨테이너와 자식 관계를 이루는 태그 구성 요소* 레이아웃 확인 방법개방자 도구 - Elements탭html 요소 옆에 flex 아이콘, 클릭시 해당 요소의 플렉스 박스 레이아웃을 시각적으로 확인 가능7.1.2 플렉스 박스 레이아웃의 기본 속성*.. 2022. 5. 27. 이전 1 ··· 8 9 10 11 12 13 다음
