본문 바로가기

전체 글

 (88)
[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..
[java] java버전 변경 ( java 8 -> java 17) spring boot 3.x 이상부터는 java 17버전 이상을 지원한다고 적혀있었다. 새로운 기술도 체험할겸 기존에 사용중인 java 8버전으로 java 17버전으로 변경해보려고한다. 오라클 홈페이지에서 다운받는건 매우매우매우 복잡하므로 google에 java 17다운 이라고 검색하면 오라클 사이트 하나가 나온다. https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html 저는 이 친구를 선택하였습니다. 이후 해당 링크를 선택하신 후 다운로드를 진행해 주세요. 설치 위치 기억하세여~ 보통 java 폴더 아래에 설치됩니다. 설치 끝!! 설치가 끝났으니 환경변수 설정을 해야겠죠?? 윈도우 왼쪽 아래 검색창에 환경 변수 치시면 바..
[Spring Boot] spring boot server port 변경 src → main → resources → application.properties server.port=포트번호 추가하시면 됩니다.
[프로그래머스] 크기가 작은 부분 문자열 처음 문제를 봤을때 간단하게 해결될 줄? 알았던 문제이다. 코드실행 했을 때도 무난하게 모두 통과되면 자연스럽게 넘어가는 듯 했다. (사실 난이도도 높지 않았음) int answer = 0; int length = p.length(); List list = new ArrayList(Arrays.asList(t.split(""))); int count = 1; while(count
[Thymeleaf] Spring Boot, IntelliJ로 타임리프 사용하기 1 Thymeleaf(타임리프 란?) 프로젝트에 적용하기 타임리프란? - 타임리프는 서버 측 Java 템플릿 엔진임. - 요청 시 새로운 html 페이지를 만들어주는 '서버 사이드 렌더링' 방식임 - 타임리프는 'natural templates' 임, 타임리프 문법을 포함하는 html 파일을 서버 사이드 렌더링을 하지 않아도 실행됨 - 스프링 부트는 JSP 보다는 타임리프 쓰는걸 상당히 추천함. 프로젝트에 타임리프 적용하기 1. Thymeleaf 디펜던시 추가(maven 이나 gradle 편한거 사용하면 됨) 1.1 스프링부트 설정할때 추가하는 방법 스프링부트 생성 페이지에 가서 ADD DEPENDENCIES... 누른다. Thymeleaf 를 검색하여 추가한다. 1.2 복사 붙혀넣기 pom.xml -> dependencies 안에 넣으셔야합니다!!. 이 부분..

티스토리툴바