No sweet without sweat

​ Ajax (Asynchronous Javascript and XML) : 필요한 데이터만을 웹 서버에 요청해서 받은 후 클라이언트에서 데이터에 대한 처리를 진행하는 비동기적인 웹 어플리케이션을 제작하기 위한 웹 개발 비법 ​ * 1. 비동기적 - 이거하면서 따른거 아무거나 할 수 있음 2. 동기적 - iD check -> data => 즉, 순차적으로 진행 => 즉 비동기 통신은 사용자 입장에서는 화면갱신도 없고, 요청과 응답 사이 시간에는 다른 일을 할 수 있어 편리하고 빠른듯한 환경을 느낄 수 있다. ​ - 필요성 1) 서버로부터 응답받는 페이지의 중복되는 코드발생 2) 네트워크 대역폭 자원 낭비 ​ // 기본구조 $.ajax({ url : "" }) Ajax 속성 1. type - http 전송..

​ 오늘은 즐거운 JQuery시간이네요! ​ jQuery등장 배경을 보면 javascript를 사용하면서 불편한점을 개선했다고 보시면 생각하시면 되는데요 예를 들면, 이벤트를 등록하려고 했을때 크롬이랑 익스플로어 여는 코드가 다르빈다. 크롬은 addEvnetListenr 익스플로어는 attachEvent입니다. ​ 이처럼 jQuery는 모든 브라우저에서 동작하는 자바스크립트를 간편하게 사용할 수 있도록 단순화시킨 오픈소스 기반 라이브러리 입니다. ​ 이 라이브러리를 사용할 수 있는 방법은 내부, 외부 방법이있스빈다. 먼저, 내부에서 다운로드 하는 방법입니다. ​ 크롬창에서 jquery를 검색합니다. 들어가게 되면 이창이 뜨는데 download를 누르면 됩니다. 여기서 저희는 위에있는것을 다운받아서 할 것..

​ 1. 함수 - fuction 예약어(){} ​ 1) 더하는 함수 - add 결과값: ​ 2) 빼는 함수 - minus 결과값: ​ 이처럼 함수를 사용자가 원하는 대로 만들 수 있다. 자바의 def랑 같다고 생각하시면 된다. ​ ​ 2. 객체 - 객체는 JAVA랑 그냥 똑같다고 보시면 된다. 값을 중괄호{key :value}로 담아주면 된다. 값 출력은 key로! ​ 출력값: ​ 3. DOM - Document Object Method : DOM은 문서를 객체화 한 모델이다 ​ ​ innerText -> 안에 있는 글자를 가져오는경우 innerHTML -> 태그를 지원해서 수정하는 경우 ​ Ex)고구마 - innerhtml 이면 고구마로 출력한다. - innertext면 고구마 로 그대로 출력 된다. ..

​ ​ ​ 1. 인라인 방식으로 띄우기 - 인라인 방식 : 태그내에 직접 코드를 작성 onclick ="aㅣert('클릭')" - 이처럼 큰따옴표 안에 작은따옴표로 묶어줘야한다. 결과창 : 위 클릭을 누르면 다음과 출력문이 나온다. ​ 2. 외부 실행위치 가져오기 document.getElementById("btn").addEventListener("click",function(){ alert("내부방식 클릭!") }) 이처럼 소괄호, 중괄호가 많은데 자세히 보고해야 오류가 나지 않는다. ​ ​ 문제 1 - 외 / 내부 태그가 모두가 가져와질까? 정답은 X이다 src가 body 맨아래에 위치해 있어야한다. 이는 java를 생각하면 쉬운데, 맨 위 코드가 실행이 되면 아래 코드가 실행이 안되듯이 똑같은 방..

​ Visual Studio Code를 활용해 JS구현하기 ​ 문제 1. 아래와 같은 페이지를 구현해라 ​ 답: ​ ​ Front-end Developer는 색깔로 봤을때 하이퍼텍스트임을 확인하실 수 있습니다. 그렇다면 a태그 활용! (* href = #은 아무것도 입력안할때 사용됩니다.) ​ 그리고 이렇게 색을 주기위해서는 를 무조건 사용해주시는게 중요합니다. ​ getElementById(아이디명).addEventlistener("원하는기능", function() 데이터의 재할당 ok / 변수명의 재선언 ok - 강력한 변수 선언 : let -> 데이터의 재할당 ok / 변수명의 재선언 X - 상수선언 : CONST -> 데이터 재할당 NO / 상수명의 재선언 NO ​ ​ 7. 형변환 parseint..

GenericXMLApplicationContext - 최근에 스프링 부트를 많이 사용하면서 XML기반의 설정을 잘 안씀 - 아직 많은 레거시 프로젝트 들이 xml되어 있고, 또 xml을 사용하면 컴파일 없이 빈 설정 정보를 변경할 수 잇는 장점이 있음 XmlAppContext package hello.core.xml; import hello.core.member.MemberService; import org.assertj.core.api.Assertions; import org.junit.jupiter.api.Test; import org.springframework.context.ApplicationContext; import org.springframework.context.support.Gener..

스프링 빈 설정 메타 정보 - BeanDefinition (추상화) - 스프링컨테이너는 자바 코드인지, XML인지 몰라도 오직 BeanDefinition만 알면 된다. BeanDefinition을 빈 설정 메타정보라 한다. -> @Bean, 당 각각 하나씩 메타 정보가 생성 - 스프링 컨테이너는 이 메타정보를 기반으로 스프링 빈을 생성한다. package hello.core.beandefinition; import hello.core.AppConfig; import org.junit.jupiter.api.DisplayName; import org.junit.jupiter.api.Test; import org.springframework.beans.factory.config.BeanDefinition; i..

2022-06-26 ​ 1. Entity - Entity는 JPA의 어노테이션이며, @Getter, @NoArgsConstrucotr는 롬복의 어노테이션 - 롬복은 코드를 단수화시켜 주지면 필수 어노테이션은 아님 - 그래서 주요 어노테이션 @Entity를 클래스에 가깝게 두고 롬복 어노테이션을 위로 - 이렇게 하면 이후에 코틀린 등의 새 언어 전ㄹ환으로 롬복이 더이상 필요 없을 경우 쉽게 삭제 가능 - Posts 클래스는 보통 Entity 클래스라고도 함 - Entity 클래스를 Request/Response 클래스로 사용해서는 안됨 그리고 꼭 Entity 클래스와 Controller에서 쓸 DTo는 분리해서 사용​ 그리고 View Layer와 db Layer의 역할 분리를 철저하게 하는게 좋음 ​ @E..