웹_프론트_백엔드/프론트엔드 (37) 썸네일형 리스트형 보강(2020.09.12, 2020.09.13) 1. Extensions 추가 1) Auto Rename Tag 2) indent-rainbow 3) Material Icon Theme 2. 기존에 배웠던 내용 복습한 관계로 함수 부분 제외하고는 블로그 메모 생략 3. 사용자 정의 함수(function) : 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행 가능 4. 함수의 구분 1) 함수 선언식 함수이름(); // 함수 선언 전에 호출해도 실행가능 function 함수이름() { 실행문; } 함수이름(); // 함수 선언 후에 호출해도 실행가능 2) 함수 표현식 상수(); // 함수 선언 전에 호출 불가능 const 상수 = function() { // 익명함수 실행문; } .. 2020.08.30 1. 중첩 for문 : for문이 2개이상 겹쳐있는 프로그램을 의미 for(초기값; 조건식1; 증감식) { 조건식1의 결과가 참인 동안 반복할 실행문; for(초기값; 조건식2; 증감식) { 조건식2의 결과가 참인 동안 반복할 실행문; } } ** 1_중첩for문 중첩 for문 - 1 ** 실행결과 [문제] 중첩 for문을 이용하여 구구단 프로그램을 만들어보자! ** 2_구구단프로그램.html 구구단 프로그램 ** 실행결과 2. 문제 아래와 같은 출력을 중첩 for문으로 표현하여 작성한다. (단, ★를 한 개씩 사용하여 표현) [1번째 실습] ★★★★★ ★★★★★ ★★★★★ ★★★★★ ★★★★★ [2번째 실습] ★★★★★ ★★★★ ★★★ ★★ ★ [3번째 실습] ★ ★★ ★★★ ★★★★ ★★★★★ [내 .. 2020.08.29 1. 문제 아래 출력 내용과 같이 학생 성적 프로그램을 작성해보자. (단, 입력은 prompt 함수를 사용) [입력] 이름을 입력하세요. 김사과 국어점수를 입력하세요. 100 영어점수를 입력하세요. 90 수학점수를 입력하세요. 80 [출력] 김사과님의 성적표 국어점수 : 100점 영어점수 : 90점 수학점수 : 80점 총점 : 270점 평균 : 90점 ** 1_학생성적프로그램.html 학생 성적 프로그램 ** 출력결과 2. 제어문 : 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 의미 1) 조건문 : 프로그램 내에서 주어진 조건문의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문 (1) if문 : 범위에 대한 조건을 줄 때 유리 ① if문 : 조건식의 결과가 참(true)이면 주어진 .. 과제-자료를 받아 출력하는 프로그램 아래와 같은 형식의 자료를 받아 출력하는 프로그램을 만들어보자. 입력 예) prompt로 아래의 4개를 입력 받기 이름을 입력하세요. HTML 점수를 입력하세요. CSS 점수를 입력하세요. JavaScript 점수를 입력하세요. 출력 예) console로 아래의 정보 출력 XXX 님 성적 HTML : XXX점 CSS : XXX점 JavaScript : XXX점 총점 : XXX점 평균 : XXX점 ** 소스코드 숙제 ** 입력 ** 출력 ** 과제를 하면서 배운점 1. 연산하면서 자바스크립트의 자료형에 대한 이해도가 높아졌다. (특히, 평균 소수점 2자리까지 출력하는 과정 중) 2020.08.09 1. 자바스크립트 데이터 타입 : 타입이란 프로그램에서 다룰 수 있는 값의 종류를 의미 6) 객체형(Object) : 자바스크립트의 기본 타입 ** 객체란? : 실생활에서 우리가 인식할 수 있는 사물을 프로그래밍에서 메모리에 저장하는 형태, 여러 프로퍼티나 메소드를 같은 이름으로 묶어놓은 일종의 집합체 ** 1_데이터타입_객체.html 데이터타입 - 객체 ** 출력결과 2. 자바스크립트의 타입 변환 : 자바스크립트의 변수는 타입이 고정되어 있지 않으며, 같은 변수에 다른 타입의 값을 대입할 수 있다. 예) let a = 10; // number ... a = "JavaScript"; // string 1) 묵시적 타입 변환 : 자바스크립트에서 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동.. 2020.08.08 1. 자바스크립트(JavaScript) : 프로토타입 기반 언어이자 객체 기반의 스크립트 프로그래밍 언어이다. ① 웹의 동작을 구현하기 위한 언어 ② 웹 브라우저에서 사용(단, Node.js는 서버에서 동작) ③ 웹 브라우저에는 자바스크립트 엔진(인터프리터)가 내장 ④ HTML문서 내에서 ** 출력결과 4. 크롬은 개발자모드(F12)에서 직접 console창을 이용하여 코딩이 가능하다. 5. 외부 자바스크립트 파일로 적용 : 자바스크립트의 파일은 .js 확장자로 저장 ** 2_외부자바스크립트_적용.html 외부 자바스크립트 출력 ** JS/script.js /* 2020.08.08 작성자 : 박빈나 script.js(외부 자바스크립트 적용) */ document.write('안녕하세요 JavaScript.. 학습목표 및 일정 1. 과정 목표 : 웹 클라이언트(프론트엔드) 환경 개발자 양성 2. 훈련 내용(원래 6개월 과정이나 3개월차 수업부터 참여 시작) 1) 프론트엔드3 - JavaScript와 JQuery 2) 프론트엔드4 - Web-Server 이해, Ajax와 Node.js 기초 3) 프론트엔드5 - Node.js와 React 기초 4) 프론트엔드6 - React 심화, 실전 프로젝트 3. 일정과 시간 * 프론트엔드3 : 2020.08.08 ~ 2020.09.27(주말반, 9:30 AM ~ 13:30 PM) ㄴ 코로나로 인한 학원 휴강 : 2020.08.12 ~ 2020.08.24, 2020.08.31 ~ 2020.09.06 ㄴ 42 Seoul의 La Piscine 일정으로 인해 수업 중단, 다음 기수 프론트엔드4 수.. 이전 1 2 3 4 다음
