Web 썸네일형 리스트형 [JavaScript] 실행 컨텍스트 (Execution Context) Execution Context (실행 컨텍스트) : 코드를 실행하는데 필요한 환경을 제공하는 객체, 식별자 결정을 더욱 효율적으로 하기 위한 수단 환경(Environment) - 코드 실행에 영향을 주는 조건이나 상태 var num = 0; function one() { console.log(num); function two() { console.log(num + 1); } one(); } two(); - 위와 같은 코드를 구성하면 아래의 그림과 같은 실행 컨텍스트 과정을 거치게 된다. 1. LIFO(Last In First Out)의 구조를 가진 실행 컨텍스트 스택(Stack)이 생성된다. 2. 전역 실행 컨텍스트가 생성되고 실행 컨텍스트 스택에 쌓여 애플리케이션이 종료될 때까지 유지된다. 3. 함수.. 더보기 [Spring] Thymeleaf 주 사용문법 th:text 화면에 값 출력시 사용 th:if 조건문 error th:errors 해당 value에 error가 있는경우 출력 th:action form 태그 사용 시, 해당 경로로 요청을 보낼 떄 사용 th:object form submit을 할때, form의 데이터가 th:object에 설정해준 객체로 받아짐 th:field 각각 필드들을 매핑을 해주는 역할, 설정해 준값으로 th:object에 설정해 준 객체의 내부와 매칭 더보기 [JPA] Entity Jpa Entity DB에서 영속적으로 저장된 테이터를 자바 객체로 매핑하여 '인스턴스 형태'로 존재하는 데이터를 말한다. 사용예 ) @Entity @Getter @Setter @EqualsAndHashCode(of = "id") @Builder @AllArgsConstructor @NoArgsConstructor public class Admin { @Id public Long idx; //고유 id @Column(unique = true) private String id; // 관리자 id @Column private String pw; // 관리자 pw @Column private LocalDateTime joinAt; //가입일 } Entity : Entity 클래스임을 설정해준다... 더보기 [CSS] position position 태그들의 위치를 결정하는 명령 static : 기본값 (default) 왼쪽에서 오른쪽으로, 위에서 아래로 쌓인다. relative : 위치를 계산할때 static의 원래 위치에서부터 계산을한다. ( top, bottom, left, right 등 위치를 같이 설정할수있음 ) absolute : relative와 다르게, 원래 위치 상관없이 위치 지정가능 fixed : 브라우저 화면의 상대 위치 ( 화면이 바뀌더라도 고정된 위치 설정가능 ) 사용법 position:static; position:relative; position:absolute; position:fixed; 더보기 [Spring] ApplicationContext, 빈 설정 법 ※ 본 내용들은 인프런강좌 중 백기선님의 스프링 프레임워크 핵심 기술 강의 내용을 정리한 내용입니다. ※ 스프링 IoC 컨테이너의 역할 빈 인스턴스 생성 의존 관계 설정 빈 제공 ApplicationContext ClassPathXmlApplicationContext (XML) AnnotationConfigApplicationContext (Java) - 이전엔 xml에 빈 설정을 했다. ex ) - 이러한 설정은 번거롭기 때문에 ComponentScan이라는것이 등장하였다. ComponentScan 대표적인 예로 @Service, @Repository가 존재한다. 두 개의 어노테이션은 @Component를 확장한 것이다. @Configration을 사용하여 클래스 안에서 Bean을 등록할 수 있다. (.. 더보기 [Spring] IoC 컨테이너와 빈 ( IoC container, Bean ) ※ 본 내용들은 인프런강좌 중 백기선님의 스프링 프레임워크 핵심 기술 강의 내용을 정리한 내용입니다. ※ IoC ( Inversion of Control ) 컨테이너 의존 관계 주입( Dependency Injection ) 이라고도 하며, 어떤 객체가 사용하는 의존 객체를 직접 만들어 사용하는게 아니라, 주입 받아 사용하는 방법 BeanFactory [ 최상위 인터페이스 ] 애플리케이션 컴포넌트의 중앙 저장소. 빈 설정 소스로 부터 빈 정의를 읽어들이고, 빈을 구성하고 제공한다. Bean Spring IoC 컨테이너가 관리하는 객체 Bean 으로 등록되어야 의존성 주입이 가능하다. Bean 은 따로 설정을 하지 않으면 Default 값이 싱글톤 이다. 스코프는 싱글톤, 프로토타입으로 나눌수있는데 기본값.. 더보기 [Spring] CSRF_란? CSRF_ (Cross-site request forgery) CSRF는 웹사이트 취약점 공격의 하나로, 사용자가 자신의 의지와는 무관하게 공격자가 의도한 행위(수정, 삭제, 등록 등)를 특정 웹사이트에 요청하게 하는 공격을 말한다. 공격과정 이용자는 웹사이트에 로그인하여 정상적인 쿠키를 발급받는다. 공격자는 다음과 같은 링크를 이메일이나 게시판 등의 경로를 통해 이용자에게 전달한다. 공격용 HTML 페이지는 다음과 같은 이미지태그를 가진다. (해당 링크는 클릭시 정상적인 경우 출발지와 도착지를 등록하기위한 링크이다. 위의 경우 도착지를 변조하였다.) 이용자가 공격용 페이지를 열면, 므라우저는 이미지 파일을 받아오기 위해 공격용 URL을 연다. 이용자의 승인이나 인지 없이 출발지와 도착지가 등록됨으로써 .. 더보기 [Spring] IoC Container, Bean (스프링 IoC 컨테이너와 빈) IoC [ Inversion of Control ] Container란 ? - 애플리케이션 컴포넌트의 중앙 저장소. - 빈 설정 소스로 부터 빈 정의를 읽어들이고, 빈을 구성하고 제공한다. - 객체가 내부적으로 조작할 객체를 직접 생성하지 않고 외부로부터 주입받는 기법. ( DI [Dependency Injection] : 의존성 주입 ) Bean 이란 ? - Spring IoC 컨테이너가 관리 하는 객체 - 장점 ① 의존성 관리 ② 스코프 - 싱글톤 : 하나의 객체 - 프로토타입 : 매번다른 객체 ③ 라이프사이클 인터페이스 더보기 이전 1 2 다음