가희의자기개발블로그

Scope란? 자바스크립트에서 스코프란 어떤 변수들에 접근할 수 있는지를 정의한다. 스코프에는 두 가지 종류가 있는데 바로 전역 스코프와 지역 스코프이다. 전역 스코프 전역 스코프는 변수가 함수 바깥이나 {} 바깥에서 선언되었다면, 전역 스코프에 해당한다. const hello = 'Hello Marcus' function marcusHello () { console.log(hello) } console.log(hello) // 'Hello Marcus!' sayHello() // 'Hello Marcus!' 비록 위와같이 전역 스코프를 이용하여 변수를 선언할 수 있지만 그렇지 않는게 좋습니다. 왜냐하면, 두 개 이상의 변수의 이름이 충돌하는 경우가 생길 수도 있기 때문이죠 실제로 초기 프로그래밍 언어는..

01_Hoisting의 개념 모든 변수 선언은 호이스트 된다. 호이스트란, 변수의 정의가 그 범위에 따라 선언(declaration)/초기화(initialization)/할당 분리 되는것을 의미한다. 즉, 변수가 함수내에 정의 되면 선언이 함수의 최상위로, 함수 바깥에서 정의 되었을 경우 전역 컨텍스트의 최상위로 변경된다. 호이스팅이란 자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다. - 자바스크립트 Parser가 함수 실행 전 해당 함수를 한 번 훑는다. - 함수 안에 존재하는 변수/함수선언에 대한 정보를 기억하고 있다가 실행시킨다. - 유효 범위: 함수 블록{}안에서 유효하다. 즉, 함수 내에서 아래쪽에 존재하는 내용 중 필요한 값들을 끌어올리..

JavaScript에서 변수를 선언하는 방식은 var과 let 그리고 const가 있다. 이 세개를 비교하기 위해서는 몇가지 고려해야할 사항이 있다. 바로 변수 값의 변환 변수의 유효범위 호이스팅 1_변수 값의 변환 JavaScript를 사용할 때 흔히 말하는 큰 문제점은 변수 선언의 방식이다. var을 이용할 경우 할당되는 값이 유동적으로 변경될 수 있다. 예를 들어 var name = "Gahui"; var name ="Minho"; console.log(name) // Minho name이라는 변수를 두번 선언 했음에도 불구하고 에러가 뜨지 않고 2번째 변수가 첫번째 변수 값을 덮어 씌워 버린다. 이런 문제점들로 인해 let과 const는 var와 같은 선언 방식을 막고 있다. let name = ..

HTML이나 JSP파일로 코드를 작성했을 떄, 한글이 깨지는 현상이 자주 발생한다. 이는 파일의 인코딩 방식과 웹 브라우저가 사용하는 인코딩 방식이 서로 달라서 발생하는 문제이다. 이 인코딩 방식을 통일 해 주어야 한다. 좀 더 자세히 설명하자면, 영어 알파벳은 ASCII코드가 어느 cHARACTERSET에나 기본적으로 포함되어 있기 때문에 어떠한 인코딩을 사용하든지 깨질 일이 없지만 한글의 경우에는 EUC-KR, UTF 계열 인코딩 등 특정 캐릭터셋이 아니면 한글을 표현하지 못해 깨지는 현상이 발생한다. 웹 환경에서의 데이터는 보통 브라우저(클라이언트) - 서버 - DB서버 처럼 3계층에 거져 주고 받게 되는데 이때 세가지 요소의 인코딩이 서로 맞아야한다. 데이터를 입력받거나 출력하는 통로를 스트림이라..

01_스타일 값 구하기 $대상.css("스타일 속성이름") $대상.css("스타일 속성이름","스타일 속성이름", ...) 02_스타일 값 설정하기 $대상.css("속성이름","값") $대상.css({ 속성이름:값 속성이름:값 }) css()메서드는 스타일 속성값을 설정할 때도 사용된다. 03_클래스 추가 $대상.addClass("클래스 이름1[클래스 이름2 ...]") addClass() 메서드를 이용하면 노드에 하나 이상의 클래스를 추가할 수 있다. 04_클래스 삭제 $대상.removeClass() $대상.removeClass("클래스 이름1[클래스 이름2 ...]") ※toggleClass() 이 메서드는 클릭시 해당 클래스가 있으면 제거해주고 없으면 생성해준다.

01_스타일을 다루는 방법 스타일을 다루는 방법은 두 가지가 있다. 정적인 방법 작성한 스타일을 직접 변경하는 방법을 말하며 스타일 변경 후 문서를 재실행해야 한다. 동적인 방법 웹 문서를 실행한 상태에서 자바스크립트와 jQuery를 이용해 스타일을 다루는 방법을 말한다. 문서를 재실행할 필요가 없다. 02_jQuery를 활용한 스타일 다루는 방법의 특징 스타일 역시 jQuery에서는 스타일을 좀더 쉽게 다룰 수 있는 다양한 기능을 제공한다. 02_1_스타일 위치와 관계 없이 스타일 속성 접근 가능 자바스크립트를 이용하는 경우 자바스크립트의 경우 인라인 스타일이냐 아니냐에 따라 스타일 속성 접근 방법이 다르다. 우선 style속성으로 접근할 수 있는 스타일 속성은 인라인 속성만을 접근할 수 있다. 내부,..

Spring을 eclipse로 실행할 때, STS를 설치하고 나면 eclipse를 재부팅하게 되는데 eclipse 로고만 보이고 켜지지 않는 오류가 발생했다. 알고보니 eclipse가 JDK의 경로를 잡아주지 못해서 생기는 오류 였다. eclipse.ini파일에 그 경로를 잡아주면 되었다. -clean -startup plugins/org.eclipse.equinox.launcher_1.5.700.v20200207-2156.jar --launcher.library plugins/org.eclipse.equinox.launcher.win32.win32.x86_64_1.1.1100.v20190907-0426 -product org.eclipse.epp.package.jee.product -showsplash..

JAVA ENTERPRISE APPLICATION 개발에 사용되는 자바플랫폼을 위한 오픈소스 어플리케이션 프레임워크이다. 스프링을 쓰다보면 안에서 내부에서 해주는 일이 많다. 스프링과 비슷하게 나온게 Jango이다. 1_특징 - 자바 객체를 담고 있는 경량 컨테이너이다 객체의 생성, 소멸과 같은 라이프 사이클을 관리하며 스프링으로 부터 필요한 객체를 얻어올 수 있다.(Spring에서는 new하고 객체를 생성할 일이 거의 없다. Spring이 알아서 생성해준다. ) - POJO(Plain Old Java Object) 기반의 개발 POJO란 누구에게도 상속 받지않고 implements도 하지 않는 순수한 클래스 형태 - 제어 반전(IoC - Inversion of Control)을 지원 컨트롤의 제어권이 ..