anonymous?

객체 생성 객체 생성 #1 : 객체 리터럴 var emptyObject = {}; console.log(typeof emptyObject); // object var person = { name: 'Lee', gender: 'male', sayHello: function(){ console.log('Hi! My name is ' + this.name); } }; console.log(person); // { name: 'Lee', gender: 'male', sayHello: [Function: sayHello] } person.sayHello(); // Hi! My name is Lee 중괄호({})로 객체 생성한다. 중괄호({}) 안에 여러 프로퍼티(property)를 추가한다. 메소드(Method)..

PROGRAMMING/Web 2021. 1. 30. 22:02

자바스크립트에서 다른 프로그래밍 언어와 다른 부분들만 정리해봤다. +true // 1 +false // 0 1 + true // 2 1 + false // 1 1 + null // 1 (null -> 0) 1 + undefined // NaN (undefined -> NaN) var str = 'My name is '; str += 'Lee'; // My name is Lee var x; console.log(x = 10); // 10 var x,y; y = x = 10; // var x = y = 10; console.log(x,y) // 10 10 5 == '5' // true (암묵적인 타입 변환으로 같은 값을 가짐) 비교/일치 연산자 비교 연산자 의미 == x와 y의 값이 같음 === x와 y의 ..

PROGRAMMING/Web 2021. 1. 30. 00:13

데이터 타입 1. 원시 타입 변경 블가능한 값, pass-by-value(값에 의한 전달) boolean true, false null false로 간주한다. (boolean type) 변수에 값이 없음을 명시하려면 null 값을 할당한다. Null, NULL과 다르다. typeof로 null 값을 가지는 변수의 타입을 출력해보면 object가 나오는데, 이것은 자바스크립트 설계 상의 오류라고 한다. var foo = null; console.log(typeof foo); // object null 타입 확인: 일치 연산자(===) 사용 var foo = null; console.log(typeof foo === null); // false console.log(foo === null); // true ..

PROGRAMMING/Web 2021. 1. 29. 19:07

JavaScript 초창기 JavaScript와 JScript 표준화하지 않고 경쟁 크로스 브라우징 이슈 발생: JavaScript, JScript 사용하는 브라우저에 따라 웹페이지가 정상 동작하지 않았다. ECMA International에서 자바스크립트 표준화 진행 ECMAScript 웹 브라우저에서 동작하는 유일한 프로그래밍 언어 1. Ajax(Asynchronous JavaScript and XML) Ajax 이전: 웹 페이지는 변경이 없는 부분 포함 전체 웹페이지를 서버로부터 완전한 HTML을 전송받아 렌더링했다. 불필요한 데이터 통신, 화면 전환 시 깜빡이는 문제 발생 Ajax 등장: 서버로부터 변경이 필요한 HTML만 전송받아 변경이 필요한 웹페이지만 렌더링하는 방식으로 동작한다. XMLHt..

PROGRAMMING/Web 2021. 1. 29. 14:06

Bootstrap 반응형 웹 디자인 위한, 다양한 class와 Javascript 코드로 구성된 open source front-end framework responsive CSS 제공 Twitter에서 개발 Snippet(스니핏) 자주 사용되는 코드를 별도로 저장해두고 필요할 때마다 복사해서 사용하는 것 snippet이 개발팀 내 공유되어 관리되지 못하면, 전체 코드에서 일관된 스타일을 가지지 못한다. Framework 소프트웨어 개발 시 재사용 관점에서 공통적으로 필요한 기능들을 모아 구조화한 것 Snippet 보다는, Framework가 제공하는 코딩 스타일을 개발팀 전체의 코딩 스타일로 통일하면 품질, 유지보수, 커뮤니케이션 측면에서 좋다. Bootstrap Install 1. Bootstrap ..

PROGRAMMING/Web 2021. 1. 29. 13:00

크롤링- 검색엔진의 크롤러가 전 세계의 웹사이트 정보를 수집 - HTML 코드의 Semantic element(시맨틱 요소)로 의미 해석 인덱싱- 검색엔진의 인덱서가 검색 키워드에 대응하는 인덱스(색인) 생성 - 크롤링 결과로 수집된 웹사이트 정보(HTML 코드)로 인덱싱 진행 Semantic Tag(시맨틱 태그)- 효과적이고 명확한 콘텐츠의 의미 해석을 하도록 하는 역할 - HTML5에 추가된 시맨틱 태그: header, nav, aside, section, article, footer Semantic Web(시맨틱 웹)- metadata(메타데이터)를 통해, 웹페이지를 의미와 관련성을 가지는 데이터베이스로 구축하는 것

PROGRAMMING/Web 2021. 1. 28. 19:27

Try a test를 하면 각 test 당 4개의 Question을 풀 수 있다. 각 문제마다 주어진 시간이 있고, 시간이 끝나면 자동으로 다음 문제로 넘어간다. sample question 2개는 고정적이고, test 시 나오는 Question 4개는 랜덤하게 바뀐다. 따라서 기본으로 있는 easy 3문제 포함해서 다른 문제들로 구성되어 있다. test를 풀면서 새롭게 풀어본 문제는 6문제이다. Question 1 (JavaScript) ✅ function formatDate(userDate) { // format from M/D/YYYY to YYYYMMDD date=userDate.split('/'); return date[2].concat(('0'+date[0]).slice(-2), ('0'+da..

PROGRAMMING/Web 2021. 1. 10. 16:50

function removeProperty(obj, prop) { if(obj.hasOwnProperty(prop)){ delete obj[prop]; return true; } return false; } function removeProperty(obj, prop) { if(obj[prop] !== undefined) { delete obj[prop]; return true; } return false; } object가 prop를 가지고 있으면, obj에서 prop를 삭제하고 true를 반환한다. 가지고 있지 않으면 false를 반환한다. 객체의 속성에 접근할 때 obj.prop 또는 obj[prop]으로 가능할 줄 알았는데, obj.prop으로는 안됐고 obj[prop]으로 delete를 삭제해줘..

PROGRAMMING/Web 2021. 1. 10. 00:57

1. rounded border border-radius: 50% 으로 설정한다. 2. border style: solid border with 2px, border color: gray border 속성으로 2px과 solid로, 그리고 색상은 gray에 해당되는 hex 값 #808080을 준다. 3. width와 height는 모두 150px width와 height 속성으로 사이즈를 150px으로 준다.

PROGRAMMING/Web 2021. 1. 9. 23:54

function ensure(value) { // Your code goes here if(value === undefined) throw true; else return value; } try { console.log(ensure()); } catch(err) { console.log(err); } undefined: no arguments or the argument is undefined 판별에 해당 throw: 사용자 정의 예외상황을 던지면, 현재 함수의 실행이 중지되고 catch문으로 전달된다. catch문이 없으면 프로그램이 종료된다. value가 undefined인 경우만 처리하면 33%만 Pass된다. 정상적인 경우에는 value를 리턴하도록 하면 나머지 두 체크 사항을 Pass할 수 있다.

PROGRAMMING/Web 2021. 1. 9. 11:15