전체 글 (84) 썸네일형 리스트형 [javascript] 즉시 실행 함수 표현(IIFE : Immediately Invoked Function Expression) IIFE : 즉시 실행 함수 표현 자바스크립트 기반 라이브러리나 api를 사용하다 보면 (function () { /.../ })(); 이러한 형태의 코드문법을 본적이 있을 것이다. 이는 Self-Executing Anonymous Function 으로 알려진 디자인 패턴이고 크게 두 부분으로 구성된다. 첫 번째는 괄호((), Grouping Operator)로 둘러싸인 익명함수(Anonymous Function)이다. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부안으로 다른 변수들이 접근하는 것을 막을 수 있는 방법이다. 두 번째 부분은 즉시 실행 함수를 생성하는 괄호()이다. 이를 통해 자바스크립트 엔진은 함수를 즉시 해석해서 실행한다. 예시 (.. [Vue] Vue methods 사용법 Vue에서 methods는 자바스크립트의 function과 같습니다. Vue의 v- 디렉티브를 사용하여 간단하게 methods를 구현해보겠습니다. click v-on:click="outputLog" 에서 outputLog는 methods 안에 있는 함수 이름입니다. 따라서 디렉티브 태그를 클릭하게 되면 outputLog함수가 실행되어 console.log( "clicked")가 실행되게 됩니다. 뿐만아니라 Vue 인스턴스 안의 data값에 변화를 줄 수도 있습니다. click {{ num }} 버튼을 클릭하게 되면 data의 num가 올라가는것을 보실수 있습니다. [Vue js] Vue 컴포넌트 ( component ) ? Vue 컴포넌트란? Vue 공식 문서에는 아래와 같이 정의 합니다. - 컴포넌트는 Vue의 가장 강력한 기능 중 하나이다. - 기본 HTML 엘리먼트를 확장하여 재사용 가능한 코드를 캡슐화하는 데 도움이 된다. - 상위 수준에서 컴포넌트는 Vue의 컴파일러에 의해 동작이 추가된 사용자 지정 엘리먼트이다. - 경우에 따라 특별한 is 속성으로 확장 된 원시 HTML 엘리먼트로 나타날 수도 있다. - Vue 컴포넌트는 Vue 인스턴스이기도 하다. 그러므로 모든 옵션 객체를 사용할 수 있다. 쉽게 말해 특정 HTML태그를 만들어 동적으로 해당 부분만 변화를 주어 브라우저에 나타낼 수 있게 도와주는 것입니다. Vue 컴포넌트 사용방법 Vue 컴포넌트 사용 방법은 두 가지가 있습니다. 첫번째로는 # 전역 등록하여.. [IntelliJ] Java 버전 바꾸는 방법 Project Structure Project Modules SDKs Settings Build Tools -> Gradle Compier -> Java Compier [Vue js] Vue js 시작하기 Vue?? Vue는 프론트엔트에서 편리하게 사용자 인터페이스를 만들 수 있게 도와주는 프레임 워크입니다. Vue 사용하는 방법 처음 Vue를 사용하신다면 간단하게 스크립트를 추가하여 사용할 수 있습니다. 기본적인 형태는 다음과 같습니다. {{ message }} 여기서 new Vue가 vue의 기본적인 함입니다. 이 인스턴에는 다양한 옵션들이 들어 있습니다. 현재 el 옵션은 div태그의 id = 'app'을 받아서 사용하겠다 라는 의미입니다. 따라서 var vm 에서 vm 음 id='app' 인 div 태그 아래에서만 작동합니다. 위에 작성된 Vue 코드들을 실행하면 다음과 같습니다. hello Vue 함수의 data의 message를 div 태그의 {{ message }} 에 바인딩 되어 출력됩니다... [Spring] DI 의존성 주입 3가지 방법 스프링에서 의존성주입(DI) 스프링에서 말하는 의존성 주입이란? 객체간 의존성을 개발자가 직접 객체 내부에서 new연산자를 이용하여 직접 호출하지 않고, 외부, 즉 스프링 컨테이너에서 객체를 생성해서 넣어주는 방식을 의존성 주입(DI) 이라고 합니다. 스프링 의존성 주입의 특징은 인터페이스를 사이에 두어 클래스 레벨에서는 의존관계까 고정되지 않도록 하고, 런타입 시 관계를 동적으로 주입하여 유연성을 확보하고 결합도를 낮출 수 있게 하는 것 입니다. 의존성 주입 3가지 방법 스프링에서는 @Autowired를 사용하여 의존성을 주입 할 수 있습니다. 의존성 주입 방법에는 생성자주입, 필드주입, 수정자주입이 있습니다. 1. 생성자 주입 생성자 주입은 스프링 팀에서 권장하는 방법이며, 요즘 가장 많이 사용 하는.. [Network] 세션과 쿠키의 차이 개요 쿠키와 세션의 차이가 무엇인가요?? 에 대답하기 위해 작성함. 쿠키가 무엇이고, 세션이 무엇이고 언제 쓰는것이 합리적일까? 를 알아 보는것이 좋을거 같음. 이 글에서는 어떻게 사용하는지가 아니라 왜 사용하는지에 관점을 두었음. 목차 1. 세션과 쿠키를 사용하는 이유 2. 세션(session) 3. 쿠키(cookie) 4. 적절한 쿠키와 세션의 쓰임 1. 세션과 쿠키를 사용하는 이유 HTTP프로토콜의 특징에는 무상태(Stateless) 와 비연결성(Connectionless) 있다. 이것 때문에 유저는 새로운 페이지마다 로그인 해야하는 불편함을 겪게 될것이다. 이를 보완하기 위해 탄생한것이 세션과 쿠키이다. Connectionless 클라이언트가 요청을 한 후 응답을 받으면 그 연결을 끊어 버리는 특.. [java] :: 더블콜론의 의미 :: 더블콜론 의미 java8 버전에서 등장한 ::(더블콜론)은 1 . 람다 표현식이 단 하나의 메서드만을 호출하는 경우 2. 람다 표현식이 단순히 객체를 생성하고 반환하는 경우 불필요한 매개변수를 제거하여 간단하게 표현할 수 있도록 도와주는 역할을 합니다. 문법 클래스이름::메소드이름 참조변수이름::메소드이름 Object::new 예시 1 . 메서드를 참조하는 경우 public void doubleColon(){ List list = Arrays.asList("first", "second", "third", "forth"); list.forEach(item -> System.out.println(item)); // 기본 람다식 System.out.println("----------"); list.for.. 이전 1 ··· 5 6 7 8 9 10 11 다음
