분류 전체보기

0224 국비 수업 JavaScript select의 값 얻기 JavaScript에서 발생한 값을 HTML Form Control 설정(value, checked, selected)

*select의 값 얻기 - select은 하나고 option이 여러 개라서 간단히 document.폼이름.control명.value로 얻을 수 있음 - option이 여러 개이므로 배열로 처리할 수 있음(굳이 안함) 1. select(form control)을 얻음 // select은 하나일지라도 option이 여러 개이므로 배열로 얻어짐 var sel = document.frm.select명; 2. 반복시키자 (배열이 나오면 반복문 쓰기) for( var i=0 ; i < sel.length ; i++ ) { //3. 선택된 옵션( selected )이 존재하는지 판단 // (판단해야 할때는 if문, 1개 선택될 것, true/false로 나옴) if( sel[i].selected ) { //sel의..

[브런치 클리핑] 사람에게서 배운다

https://brunch.co.kr/@stevejung3/206 [창직칼럼] 사람에게서 배운다 사람은 최고의 교과서다. 사람에게서 많은 것을 배울 수 있다. 흔히 우리는 학교에 가야 뭔가를 배울 수 있다고 생각한다. 그렇지 않다. 가정에서, 학교에서, 사회에서, 우리는 어디에서나 배울 brunch.co.kr 사람은 최고의 교과서다. 사람에게서 많은 것을 배울 수 있다.... 책을 통해 많은 것을 배우기도 한다. 그러나 사람을 통한 배움의 요령을 터득한다면 이보다 더 좋을 수는 없다. 인간이란 단어를 자세히 들여다보면 사람 인과 사이 간 자가 합쳐져 있다. 아리스토텔레스가 인간은 사회적 동물이다라고 말한 것과 일맥상통한다. 결국 우리는 사람과 사람 사이에서 살아가면서 서로 배운다. 사람에게서 배우려고 작..

0223 국비 수업 JavaScript 날짜함수 HTML Form Control의 값 얻기(id속성, name속성)

*내장 함수 - 날짜 함수 - Date클래스를 사용 - 접속자의 컴퓨터(서버 컴퓨터 x)의 날짜 정보가 얻어짐 ( 모든 접속자가 동일한 날짜 정보가 아닌 다른 날짜정보가 얻어질 수 있음) 사용법) 1. 객체 생성) – 접속자 컴퓨터의 설정된 날짜정보가 얻어짐 var date=new Date(); 2. 함수 호출) var year= date.getFullYear(); 월은 0월부터 시작됨 (+1을 해서 1월부터 얻어주자) var month=date.getMonth()+1; *지정한 시간에 지정한 함수를 호출하는 함수 setTimeout( 호출할 함수명 , ms ) ; //함수명 주의 - 함수명()를 사용하여 호출하는 것이 아님!! 변수에 함수가 들어갈 수 있음 - first class function *H..

0222 국비 수업 JavaScript 사용자 정의 함수(기명 무기명 함수) 사용자의 동작에 따른 함수 호출(onclick,,) HTML영역을 JavaScript 영역으로 변경(javascript:) 내장 함수(parseInt,,)수학 함수 문자열 함수 id태..

*function ( 함수 ) - 장점: 업무를 구분하여 작성할 수 있음, 중복코드를 줄일 수 있음 - 자주 사용될 기능을 미리 구현하여 필요한 곳에서 호출하여 사용하기 위해 작성 - built-in function, user define function 로 구분 built-in: 자바스크립트에서 제공하는 함수 user define: 개발자가 작성하는 함수 -호출하여 사용 *사용자 정의함수 기명함수 무기명함수 - 기명함수(named function) -선언) 반환형이 없음 //js는 개발자가 데이터 형을 지정할 수 없기 때문에 function 함수명( 매개변수,,,, ){ //매개변수에는 var를 사용할 수 없음 return 값; } -호출) 함수명( 값,, ); -무기명함수 (익명함수) 이름이 없기 때..

웹에서 HTML, CSS, JavaScript의 역할

웹에서 HTML, CSS, JS의 역할 HTML: 뼈대, 구조 CSS: 뼈 위에 살을 입힘 >이뻐짐 // 근데 생각/동작을 못함 JS: 생각해서 동작,일을 할 수 있음

프론트 백엔드 구분 기준

프론트엔드와 백엔드를 구분하는 기준: - 어떤 컴퓨터의 자원을 써서 실행되는가? - 누구의 cpu와 메모리를 썼니?가 기준 프론트엔드 언어: 접속자의 cpu를 써서 실행되는 언어 html,css,javascript는 (파일은 서버에 저장되어 있긴 하지만) 클라이언트에게 다운돼서(받아가서) 실행됨 클라이언트의 cpu를 사용함 선생님이 뿌리는 지식을 받아서 학생이 알아서 발전시키는 것 백엔드 언어: 서버의 cpu를 써서 실행되는 언어 모든 접속자에게 똑같이 제공

0221 국비 수업 JavaScript 반복문(for, while, do~while) array 배열의 초기화 배열의 사용과 기능(indexOf, splice, 배열 합치기)

*반복문 (looping statement) : 조건에 맞을 때까지 코드를 반복 실행해야 할 때 for, while, do~while -for : 시작과 끝을 알 때 사용 for( 초기값 ; 조건식; 증.감소식){ 반복수행할 문장들…. } //초기값 주의: var 변수명 (int 안됨) - while : 최소 0번 실행에서 최대 조건까지 실행할 때 초기값; // for와 사실상 같은 쓰임 while( 조건식 ){ 반복수행 문장들..; 증.감소식; } -do~while : 최소 1번 수행, 최대 조건까지 수행 초기값; do{ 반복수행문장; // 무조건 1번은 수행됨 증.감소식; }while( 조건식 ); *arrary -일괄처리에 사용 -일차원 배열만 지원 -가변길이형 -배열 방의 수를 얻기 위해서 “le..

0220 국비 수업 JavaScript 방식(inline, embed, external file) 출력(alert, document, log) 변수(지역변수 전역변수) const let 연산자 prompt 제어문(조건문 if switch~case)

*JavaScript - brendan Eich가 Mocha라는 C언어로 개발한 언어 (최초 Mocha라는 이름으로 발표 -> LiveScript -> JavaScript(1996년)) - ECMAScript의 표준사양을 가장 잘 구현한 언어 - 대부분의 웹 브라우저는 ES5를 지원함 - 최신 버전은 ES6고, 트랜스파일러(transpiler)를 사용하여 소스변환을 수행하고 웹 브라우저에서 실행함 ( 웹 브라우저 간의 호환성) transpiler: source > 다른 source로 변환 ( ES6 > ES5 , 모든 브라우저에서 동작하게 함 ) Compiler : 사람의 언어인 source코드 > 기계어로 변환 - Vanilla JavaScript( Vanilla JS ) : 플러그 인이나 라이브러리를..