혁신을 이룹니다, 오딘박스(OdinBOX)

언제나 어디서나 오딘박스와 함께!

DEVELOPMENT/Clientside 19

10-10, 클라이언트 사이드 프로그래밍

클라이언트사이드 객체 생성 방법 리터럴 (literal) 객체 [문자 그대로,직역의,상상력이 부족한] [1. 프로그래밍 언어 직접 값을 나타내는 자구 단위] [2. 원시 프로그램 중에 있는 기호 또는 양] [3. 문자들 자체에 의해서 값이 주어지는 문자열] 이해 : 보이는 것 그 자체가 바로 값을 나타내는 것 [ex. let name="홍길동";유사한 객체를 만들려면 반복 코딩 [재사용성이 떨어짐] 그래서 생성자 함수의 필요성 생성자 함수 [ 자바의 클래스와 비슷 ] let 객체명 = new 생성자함수(); -> 생성자 함수를 호출하여 객체를 생성 생성자 함수를 통해 생성된 객체(instance)들은 모두 같은 유형의 객체들로 분류 객체 코드 재사용 [ 리터럴보단 효율적임 ] 생성자 함수 정의와 호출 방..

클라이언트사이드프로그래밍 - 09.30

클라이언트사이드 화살표 함수 (익명 함수를 조금 더 간단하게 만든 것 ) let 변수명 = ()==>{} let doubleX = (n) == > {return 2*n} [??].toString < 안에 머가 있는지 알 수 있음. 매개변수초기화 function doubleX(n) {return 2 * n;} doubleX(5) 10 정상적인 호출의 결과 doubleX() 호출은 가능함 NaN( Not a Number) 매개 변수 생략한 호출에 대비하는 방법 함수 본문에서 점검하고 처리할수있따. function doubleX(n) { //매개 변수 초기화 if(!n) { n=0; } return 2*n; } 디폴트(default)매개 변수 가능 ECMAScript6 function doubleX(n=0){..

19-09-26,클라이언트 사이드 프로그래밍

클라이언트사이드 2반 함수 를 사용하지 않으면? main()이 너무 길고 복잡해져 소스코드를 이해하기 힘듬 같은 기능의 코드도 필요할 때마다 매번 반복 입력해야 함 기존 코드의 일부를 재활용하려면 방대한 양의 main에서 찾아내야함 소스 코드의 양에 비례하여 변수도 늘어나 중복을 피해 변수명 정하는것도 번거로움 생성 방법 선언적 함수 function 함수명() {필요한 식} [전통적(일반적)인 함수] function doubleX(n) {return 2*n) 함수명 : doubleX 함수명(식별자)작성 규칙 관례 참조 매개변수 (n) 식별자 이름만 결정 함수본문{} 실행 후결과를 반환 function 함수.toString() - > `내용 익명 함수 let 변수명 = function() {}

09월 23일 월요일, Client Side programing

클라이언트사이드 for in, for of 반복문 - 배열(또는 객체) 처리에 적합한 형태의 변형된 for 반복문 for in - 배열의 인덱스를 간편하게 처리할 수 있게 함 for (let 인덱스 in 배열) { //반복 처리할 내용 } for of - 배열의 요소를 간편하게 처리할 수 있게 함 for (let 요소 of 배열) { // 반복 처리할 내용 } while 반복문 -반복 조건 표현식이 참인동안 블록의 내용을 계속 반복 실행함 while while() 숫자 let a= [24,34,55,65,71]; 합계 ㄴㄴ 일단 while문은 그대로 값도 출력하고 변수를 두개를 만들자 [] odd 홀수 even 짝수 다 끝나면 아무것도 안남아있게하기 let a = [1,2,3,4] console.log(..

19-09-19, 클라이언트 사이트 프로그래밍

클라이언트사이드 https://www.w3schools.com/ 하다가모르는거있으면 참고 splice 기억하자 c.(splice(startIndex, 제거할 개수, [추가할 항목들]) 배열 중간에 추가 삭제하는 것 c = [1, 2, 3, 4, 5] c.splice(1, 1) 제거 [2]ㅂㅂ c.splice(1,0,2) 추가하는 방법 [1.2.3] 중간고사 ㄱ c.splice(2,1,"ULSAN") 변환 c.splice(c.length-1,1) 제일 마지막꺼 ㅂㅂㅂ c.pop()이랑 똑같음 Client Side programming - 초보 > for 반복문 원하는 횟수만큼 반복 처리를 하고 싶을 때 사용 for 기본문법 for(초기문,조건문;종결문) { //반복처리내용 } 스코프 변수를 사용할 수 있는..

클라이언트 사이드 프로그래밍, 세번째

클라이언트사이드 2019년 09년 16일 지난 번에 배웠던거 복습 ! 변수 : var, let 수(number) 문자열(string) 불(boolean) undefined function object 강제 자료형 변환 강제 자료형 변환 함수 사용 Number() -> Number("365")-> 365 출력 Number(ture) 1 true를 1로 변환시켜준다. 1과 0으로 트루와 펄스를 구분해준다. (문자열이 들어오면 적절한 것으로 바꿔준다) Number("ULSAN) NaN Not a Number 특징 무조건 서로 다르다 isNaN(.)으로 NaN인지 확인 [EX. NaN == NaN -> 결과 false] String() 입력한 내용은 전부 문자열로 변환 Boolean() 다음 5개는 false ..

첫 강의, node.js 아톰 소개

클라이언트사이드 node.js 설명 : https://velopert.com/ 로드맵 : https://www.thinkwise.co.kr/ Node.js 설치 : https://nodejs.org/en/ 아톰 에디터 : https://atom.io/ Node.js 구글 크롬의 자바스크립트 엔진(V8 Engine) 기반의 서버 사이드 플랫폼 2009년 (Ryan Dahi) 개발 Node.js [Chrome V8 JavaScript 기반으로 빌드된 JavaScript 런타임] 이벤트 기반-논 블로킹(I/O모델) = 가볍고 효율적 Node.js 패키지의 '생태계' NPM -> 대규모 오픈 소스 라이브러리 Node 웹서버 X Node.Js는 그저 코드를 실행할 수 있는 하나의 방법에 불과한 JavaScript..