본문 바로가기

분류 전체보기322

스프링 인코딩 설정방법 스프링을 수업하다가 계속 인코딩 설정을 해주는데 이를 web.xml에 코드를 추가하는 것으로 매번 코드를 작성 안해줘도된다. web.xml에다가 EncodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding utf-8 EncodingFilter /* 를 적어준다. 이거를 작성해두면 class를 만들 때마다 인코딩 설정을 안해도 된다. 2023. 6. 16.
20230616 수업내용2🤦‍♂️🤦‍♂️🤦‍♂️ 2교시는 Spring수업이다. Project의 기본 구조를 알아보겠다. 프로젝트 아이콘에 M이라는 이니셜은 Maven project라는 뜻이다. maven은 java buid system인데 이 빌드 시스템은 ant, maven, gradle등등이 있다. 이클립스에는 ant라는 빌드 시스템을 사용했다. ant빌드 시스템을 사용할 때는 직접 다운 받거나 만들어서 사용했는데 maven이나 gradle은 다운 받을 필요없이 pom.xml에 무엇이 필요한지 명시만 해주면 자동으로 다운 받아준다. 그러면 자동으로 사용할 준비를 해준다. maven을 사용할 때는 그냥 사용하는 것이 아니라 설치 및 설정도 해주어야한다. 우리가 설치한 maven을 이클립스가 끌어다 쓰는 것이다. maven의 특징은 pom.xml이 있.. 2023. 6. 16.
20230616 수업내용🫡🫡🫡 오늘의 첫수업은 이클립스를 이용한 Vue2수업! 서버에서 바꿔준것이 아닌 사용자입장에서 바꿔진 것을 클라이언트사이드렌더링이라 한다. 미리만들어진 틀을 원하는 곳에 끼워넣어 만들어 쓸수 있다. 이런 방식은 compoents라는 방에 object를 만들어주고 그 object안에는 사용 할 option을 넣어준다. your-component의 '안녕하세요'가 출력되는 과정을 설명하는 그림 props는 프로퍼티스인데 이는 여러개를 전달 가능하다. friends-componet의 작동원리 components는 하나이지만 data를 friends와 friend2를 나누어서 출력을 두개로 사용할 수 있다. Vue객체는 하나가 아닌 여러개를 나누어 사용도 가능하다. 그리고 기존에는 data에 methods를 따로 사용.. 2023. 6. 16.
Spring Framework 나는 비전공자 이기 때문에 내 블로그에는 기본적인 개념을 기반으로 개발에 관련된 지식이나 생각을 조금씩 적어나아가고 있다. 어느덧 학원을 다닌지 2개월이 지나 드디어 너무나 배우고싶었던 Spring Framwork를 시작하게 되었다. 말로만 들었지 개인적으로 Java의 꽃이라고 생각하는 Spring을 드디어 겪어 볼수 있어서 설렘 반 긴장 반이다. 위에 기본적인 개념을 기반으로 한다는 말은 내 공부 스타일이긴 하지만 무작정 만들어보고 하는 것도 중요하지만 무언가 이게 왜 존재하는지 어디에 쓰이는지 어떻게 만들어 졌는지도 굉장히 중요하다 생각하기 때문에 이번 글도 Spring이 어디서 어떻게 왜 생겨났고 어디에 쓰이는지 먼저 알아보겠다. Java/Kotilin 기반의 웹 프레임워크이며 2002년에 로드 존.. 2023. 6. 16.
Framework Framwork는 소프트웨어 개발을 위한 구조적인 틀이자 도구 모음이다. 프레임워크는 애플리케이션 개발에 필요한 공통기능, 디자인 패턴, 라이브러리, 툴 등을 제공하여 개발자가 보다 쉽고 효율적으로 애플리케이션을 구축할 수 있게 도와준다. 프레임워크는 개발자가 직접 모든 기능을 처음부터 구현하지 않고, 이미 구현된 기능들을 재사용하여 개발 속도를 향상시킬 수 있다. 이를 통해 개발자는 애플리케이션의 핵심 로직에 집중할 수 있다. 하나의 예로 자바 프레임워크 중에서도 대표적인 것은 Spring Framework이다. 주요 개념과 기능에 대해 알아보자면 구조적인 틀 프레임워크는 개발자가 애플리케이션을 구축 할 때 필요한 기본 구조를 제공한다. 이는 개발자가 처음부터 모든 것을 설계하고 구현할 필요 없이, 프.. 2023. 6. 16.
20230615 수업내용👏👏👏 Vue.js 주소를 script 하면 Class Vue{ }를 가져다 쓸 수 있다. 그리고 script 안에 new Vue({ })를 작성하여 사용할 수있다. 괄호안에는 option을 넣어 사용할 수 있는데 어제 수업에서는 el, data, method를 사용했었다 el은 선택자라고 하여 el에서 "#app"라고 되어있는 건 id = "app"영역에서 Vue를 사용하겠다는 의미이다. v-bind:class는 class를 관리한다는 것은 class를 추가 제거한다는 의미이다. Vue 버튼 ' ' 을 사용하는 이유는 btn-primary에서 - 를 산술연산자로 인식하기에 ' '로 감싸서 사용해주어야 한다. checkbox 에 v-model을 지정하면 true/false가 들어가게 된다. checkbox가 c.. 2023. 6. 15.
Spring MVC Project 가 없을때? feat.이클립스 스프링은 설정이 반이라는 얘길 들었다.버전에 맞게 다운로드 해주고 자바/메이븐설정까지 해주고 New Spring Legacy까지해줬는데 띠용 위 처럼 Spring MVC Project가있어야 하는데 없다. 쨔잔! 2023. 6. 15.
너무나 빠른진도............... 어제 JSP에서 Vue.js 오늘 오후에는 Spring.............어지럽다어지러워 2023. 6. 15.
Vue.js Rendering 렌더링(Rendering)은 데이터를 기반으로 화면에 내용을 표시하는 과정을 말한다. Vue.js에서 렌더링은 Vue 인스턴스에 정의된 데이터와 템플릿을 조합하여 화면에 동적으로 콘텐츠를 생성하는 과정이다. Vue.js의 렌더링은 다음과 같은 단계로 이루어진다. 데이터 : Vue 인스턴스에 정의된 데이터는 애플리케이션의 상태를 나타낸다. 이 데이터는 Vue인스턴스의 'data' 속성에 저장된다. 템플릿 : Vue.js에서는 HTML기반의 템플릿을 사용하여 화면에 표시할 내용을 기술한다. 템플릿은 Vue인스턴스의 "template"속성에 작성된다. 가상DOM(Virtual DOM) : Vue.js는 렌더링 성능을 최적화하기 위해 가상 DOM을 사용한다. 가상DOM은 실제 DOM의 가벼운 복사본으로서, 변경.. 2023. 6. 15.

티스토리툴바