▶ 제어문• 제어문이란 프로그램의 실행 흐름을 제어하기 위한 구문이며어떤 특정 영역의 구문을 조건에 만족하는 경우에만 실행시키고자 할 때 혹은 반복적으로 실행시키고자 할 때 사용하는 기법이다. ▶ 조건문• 조건문은 참 거짓이 나오는 조건을 명시하고 어떤 조건이 참인 경우에만 특정 코드가 실행되게 하고자 할 때 사용되는구문이며 크게 if 문과 switch문 그리고 3항 연산자가 있다. IF 문• 조건문의 가장 대표적이고 가장 많이 사용되는 것이 if 문이다.• if 문은 조건이 true 인 경우에만 실행되는 코드를 묶기 위해서 사용된다. let age = 23 let adress ='서울'//if if(age ▼ 조건을 명시하는 ( ) 부분은 true 혹은 f..
연산자▼ 산술 연산자 • 수학적인 계산을 목적으로 하는 연산자이며 수학에서 주로 사용하는 연산 기호를 그대로 이용한다. • ++, -- 을 통칭해서 흔히 증감연산자라고 한다.피연산자(연산 대상이 되는 데이터) 앞에 사용할 수 있고 뒤에도 사용할 수 있으며 연산자 우선 순위를 고려해서 이용해 주어야 한다 //증감 연산자 let data3 = 10 data3++ console.log(data3); //11 ++data3 console.log(data3); //12 data3-- console.log(data3); //11 --data3 console.log(data3); /..
소프트웨어 언어 학습 흐름모든 소프트웨어 언어는 작성 규칙이 있다.이 작성 규칙을 그 언어의 문법이라고 한다. 소프트웨어 언어 문법을 학습한다는 것은 그 언어에서 제공하는 예약어가 무엇이 있으며 식별자 정의 규칙은 어떻게 되고, 연산자는 무엇이 있는지 등을 학습하는 것이다.• 소프트웨어 문법을 익히고 그 문법에 맞추어 프로그램을 작성한다. ▼코드는 예약어, 식별자, 연산자, 데이터의 조합이다. • 예약어 (let, function, true 등등..) 는 소프트웨어 언어에서 지정한 단어• 식별자 (count, number 등등..) 는 개발자가 구분을 위해 지정한 단어• 연산자 (++, +=, ===, = 등등..) 는 특별한 연산을 위해 지정된 기호 혹은 단어• 데이터는 값 ▼코드는 선언구문과 실행구문..
JavaScript Basic ◆ ../ 02.JavaScript-Basic / 02.1-getting start 자바스크립트 기초 ▼라인을 구분하기 위한 세미콜론을 강제하지 않는다• 강제하지 않는다는 의미는 써도 되고 쓰지 않아도 된다는 뜻 ▼ window 함수 – alert prompt confirm• 브라우저에서 실행되는 자바스크립트 코드에서 기본이 되는 객체는 window 이다.• window 는 브라우저 자체를 지칭하는 객체이며 이 window 객체에서 제공하는 변수, 함수를 이용해 프로그램을 작성할 수 있다.• window 객체에서 다이얼로그를 띄우기 위한 alert(), confirm(), prompt() 함수를 제공▷ alert() ▷ confirm() ▷ prompt() ▼ docu..
JavaScript Basic◆ ../ 02.JavaScript-Basic / 02.1-getting start • 브라우저에서 자바스크립트를 실행시키려면 HTML 파일이 존재해야함• 태그를 불러온것 처럼 HTML에 를사용하여 JS파일 실행한다. 자바스크립트 코드 위치 – HTML 실행 순서▼ JS 코드의 위치를 마크업 위에 한번 적용해보자. 검사 -> 콘솔 창에서 에러 메시지 확인하고 해당 오류 해결법은스크립트의 이 부분을 문서의 맨 끝에 두어 문서가 이미 로드되기 전의 모든 것이 되도록 하는 것 필요하므로 순서바꾸기 ▷ 자바스크립트 코드가 작성되는 HTML 문서내에서의 위치가 문제가 될 수 있다.자바스크립트 코드의 내용이 실행되는 HTML 문서의 태그와 관련이 없다면, 즉 자바스크립트 코드..
zigzag 리뷰 ▼ 기본 레이아웃 덩어리를 만드는 첫 번째 단계 (클래스 이름이 그 다음으로 제일 중요!!!!!!!!!!!!!!!!!!) ▼ 독립적인 틀인지 종속적인 틀인지 확인해보자아직 내부에 뭐가 들어갈지 신경 쓰지 않는다그런다음 section의 세부 구성을 한다. ▼ 배경색은 둘 다 서로 다르는걸 알기에 클래스명을 각각 purple과 white를 지정했다. ▼ 상단 제목 부분의 레이아웃 덩어리는 3개로 파악 할 수있다. ▼ 섹션 헤더에 div 덩어리 3개 있다고 볼 수있다. ▼ 하지만 이 방법보다는 title, description, controls를 한번 더 감싸주고 section과 별개인아예 새로운 컴포넌트로 지정하여 작성해준다. section header에서 flexbox 제거해..