호다닥

Server & Client서버는 쉽게 말해 어떤 정보를 관리하고 제공해주는 녀석이고, 클라이언트란 해당 정보를 주문한 녀석입니다. 개발자에게 서버란? 네트워크 상에서 어떠한 자료 또는 서비스에 대한 접근을 관리하는 컴퓨터A computer which manages access to a centralized resource or service in a network.웹에서 말하는 서버란 네트워크에 연결되어 있어야 한다. 네트워크에 연결 된다면? IP주소를 부여받게 된다. IP주소를 부여 받는다면, 다른 컴퓨터들이 해당 주소로 방문할 수 있다. 그리고 클라이언트들이 해당 주소로 주문을 넣을 수 있다. IP Address웹 네트어크 상의 컴퓨터마다 할당되는 주소Domain IP address에 접근할 수 있..

1. 원하는 경로에 전자정부 프레임워크를 설치합니다. 초급자인 관계로 작업파일 관리를 용이하게 하기 위해 저는 C드라이브 하위에 바로 설치하였습니다. 2. 아래와 같이 자신의 원하는 버전의 apache tomcat을 다운로드 합니다. 3. 자신이 원하는 경로에 JDK 설치 전자정부 프레임워크와 tomcat을 다운받았다면 JDK를 다운 받아야하는데, JDK 설치파일을 클릭하시면 다음과 같은 화면이 뜨고 next를 누르면 JDK 설치 위치를 변경할 수 있습니다. change를 누르신 후에 C드라이브 내에 설치된 전자정부프레임워크와 동일한 폴더 하위로 위치를 변경하신 후에 다운로드 하시면 됩니다. 4. Server 세팅 이클립스를 실행하시면 위와 같이 worksapce 폴더를 지정해야 하는데, 이 역시 파일 ..

가볍고 확장성이 좋은 에디터인 서브라임 텍스트는 국내외에서 수 많은 개발자들이 사용하고 있습니다. 기존에는 손쉬운 마크업을 도와주었던 드림위버 같은 편집기가 유행했지만, 유연성이 부족하고 불필요한 태그들을 남발하였습니다. 서브라임텍스트는 이러한 문제들을 해결하기 위해 기본적으로 하드코딩을 염두해 두고 개발되어 사용자들에게 간결하게 기능을 제공해 주는 편집기 입니다. 더욱이 무료버전을 사용해도 제약이 거의 없다시피하고, 여러가지 플러기인들이 붙으면서 날로 그 편의성이 좋아지고 있습니다. Sublime Text는 다음 링크에서 OS별로 다운로드 가능합니다. 서브라임텍스트 다운로드 ■ Setting 자신의 OS에 맞는 서브라임텍스트를 다운로드 했다면, 유용한 기능을 제공해주는 플러그인들을 관리해주는 도구인 P..

function, string 등 기본적인 property에 prototype 메소드를 사용하면 다른 사람들에게 혼란을 줄 수 있으므로 사용하지 않는 것이 좋다. 일반적으로 공백은 space로 입력하는 것이 좋다. tap은 사용자의 컴퓨터에 따라 띄어쓰기의 정도가 다를 수 있기 때문이다. 그 어떤 함수식보다 new가 가장 강력하기 때문에 다른 함수식을 신경쓰지 않아도 크게 상관은 없다. 빈 객체를 this로 하고, this.age를 호출하기 때문에 undefined가 뜬다. menu UI 과제에서 mouseenter 이벤트와 mouseover 이벤트 : 비슷하게 생겼지만 완전히 다른 기능을 하기 때문에 한번 찾아볼 것. 자바스크립트의 모든 함수는 객체이다. 따라서 생성자 함수는 객체이다. 객체는 Key/..

이미 for문의 내부에서 연산이 끝난 후에 setTimeout이 실행되기 때문에 출력값이 5가 된다. for문이 실행되면 var i를 전역스코프로 선언하고 0을 값으로 할당한다. 그리고 for문의 내부코드를 실행한다. 새로운 함수를 만들고 그 함수를 바로 실행한다. 그러면 지역변수가 개별적으로 선언된다. 이 선언된 지역변수는 closure에 의해 매번 기억되기 때문에 setTimeout에 j는 0이다. 1이다. .... 를 각기 기억한 함수들이 실행된다. 즉시실행함수에 있는 j가 closure로 인해 이전의 스코프를 기억하기 때문에 for문이 끝나도 매번 i의 값을 j가 받아들이고 기억하기 때문이다. for문 내부코드를 실행하면 함수를 만들고 변수를 i로 하고 그 함수를 바로 실행한다. 그럼 첫번재 변수..

자바스크립트의 값들에는 Primitive 타입 vs Reference 타입이 있다. function에서의 hoisting은 function의 바로 밑까지 된다. Closure어떤 함수가 자기 자신이 속한 스코프의 정보를 기억하고 본인이 속한 스코프 밖에서 실행된다 하더라도 본인이 속한 스코프에 대한 정보를 기억하고 접근할 수 있는 성질이다. 기본적인 룰을 약간 벗어나서 사용할 수 있게 해주는 것이다. 29번째 줄에서 say라는 함수가 선언되고,38번째 줄에서 변수 a에 say라는 함수를 할당하고 실행하면30번재 줄에서 say함수의 내부스코프가 실행되어 변수 a는 로그함수가 된다. 일반적으로 say함수 내부에서 변수 a에 2가 할당된 것은 say함수가 실행종료되면 쓸모 없어지게 되는데, log를 실행하면 ..

99% 비율로 Bubbling 이 주로 쓰인다. Object와 Array의 차이점??Object : 각 속성은 key와 value로 표현된다.Array : key값이 없이 value만 나열되어 있다. (단, key 대신 index가 있다.) indexOf(arr[i]) === -1 조건이 있어야 result 배열에서 중복되는 값들이 제외된다. arguments : 매개변수, 인자를 뜻한다.자바스크립트의 키워드, 자바스크립트에 원래 있는 것 함수 내부에서 아무때나 쓸 수 있다.function에 argument가 있으면 function의 인자정보를 담고 있는 개체이다. 상단의 arguments는 bar함수의 인자정보를 가지고 있고, 하단의 arguments는 log함수의 인자정보를 가지고 있다. log 함수..

.querySelectorAll → 유사배열을 호출한다. 따라서 loop을 돌릴 수 있고, 인덱스로 호출할 수도 있다. .parentElement → 부모 Element를 호출할 수 있다..children → 자식 Element를 호출할 수 있다. .setAttribute → 속성을 설정하는 것..getAttribute → 해당 속성에 대한 값을 읽어오는 것이다. dataset : date- 으로 시작하는 속성들에 대한 정보가 담겨있는 객체 모든 Element에는 style이라는 property가 있다. style은 CSS 정보가 들어있고, 자바스크립트를 이용해서 수정할 수 있다. Camelcase : 자바스크립트에서 사용Snakecase : css에서 사용 setTImeout (함수, 시간)두 번째 인..

Array.slice() The slice() method returns a shallow copy of a portion of an array into a new array object selected from begin to end (end not included). The original array will not be modified. Array.slice(a) : a번째 array object부터 출력한다.Array.slice(a, b) : a번째부터 b번째 앞까지의 array object를 출력한다. JavaScript Demo: 1var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];2​3console.log(animals.slice(2)..

indentation 코드베이스 코드는 항상 명확하게 논리식은 should~~ can~~ 등으로ex) shouldEnable = True; canLogin = True;일반적으로 함수이름은 동사로 내가 쓴 코드는 조그마한 부분 하나라도 정확하게 이해하고 있어야 한다. Array 배열이름.pop → 배열의 맨 마지막 요소 제거 배열이름.unshift → 배열의 첫번째 요소 추가// arr = [ 4, 1, 2, 3] 배열이름.shift → 배열의 첫번째 요소 제거 Objects 생성하는 방법 맨 상단 부분은 object의 name이라는 property의 값이 string타입 'ken'이다. // 35a [name] → a['age'] → 35 Scope는 밖에서 안을 볼 수 없다.경계의 정의는 함수가 만들..