WEB51 어쩌다 Vue.js 01 _ 환경설정 개발 외주 프로젝트를 맡게 되었는데, 초반에는 Vanilla JS로 개발을 요청받았으나, 유지보수 측면을 고려하여 최근 프론트 개발자가 많이 사용하는 Vue.js 프레임워크로 개발을 하게 되었다. (+반응형 web-app 개발) Vue를 많이 사용하는 이유가 궁금해서 찾아봤는데, (1) 문법이 직관적이고(html 형식에 더 가까운 듯) (2) 직관적인 디렉티브 DOM조작이 가능하여(v-if, v-for 등), (3) 더 명확한 가이드라인... 등의 이유라고 한다. 개발을 위해서는 node.js 설치 후 터미널에서 아래와 같이 실행시켰다. npm install vuenpm install -g @vue/clinpm create (프로젝트명) -- 이후 버전 선택가능. vue3 설치 cd (프로젝트명) +.. 2024. 11. 30. (N:1) 다대일 관계 처리하기(SpringBoot) @ManyToOnePK: 참조되는 키, 하나만 존재FK: 다른 테이블에서 참조해 온 키, 다른 테이블의 식별자로 사용할 수 있음예시Member(PK: memberId) 멤버에서 삭제하려면 게시판이서 FK도 함께 삭제해야함 * 비식별관계: 참조하는 것은 같으나 FK가 아님.(멤버가 삭제되어도 오류가 발생하지 않음)@ToString(exclude = "board")ManyToOne을 했을 때 무한 참조를 방지하기 위해서 사용하는 것이라고 함left (outer) join즉시(Eager) 로딩, 지연(Lazy) 로딩@ManyToOne(fetch = FetchType.LAZY) // 명시적으로 Lazy 로딩 지정설정을 하지 않으면 기본값으로 Eager, 즉시 로딩으로 설정됨이는 항상 모든 엔티티를 가져오게 되므.. 2024. 10. 15. @EnableWebSecurity(SpringBoot) @EnableWebSecuritySpring Security의 웹 보안 기능을 활성화하는 데 사용되는 어노테이션 - Spring Security의 웹 보안 지원을 활성화, 기본 웹 보안 구성을 제공 - 보안 관련 Config 파일에 위치하며 웹 기반 보안을 위한 SpringSecurityFilterChain을 생성- WebSecurityConfigurerAdapter를 상속받은 클래스나 SecurityFilterChain 빈을 정의하여 구체적인 보안 규칙을 설정해야 함 예시 사용:@Configuration @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter { @Override protected .. 2024. 10. 15. context, 페이지 라우팅 (React.js_04) #01. Context [Context]리액트에서 자식의 자식 컴포넌트에게 데이터를 직접 전달하지 못하는 문제(Props Drilling)를 해결하기 위해서 사용- createContext : 생성- Consumer : 소비자- Provider : 공급자 context가 여러 컴포넌트를 하나의 context로 묶을 수 있음(388p 그림 참고) - React를 import하여 사용, 컨텍스트 변수는 컴포넌트 바깥에 선언(App function 바깥에 선언)import React, { useReducer, useRef, useCallback } from 'react';const TodoContext = React.createContext(); // 컨텍스트 변수는 컴포넌트 바깥에 선언 - 감싸고자 하는 .. 2024. 10. 15. 이전 1 2 3 4 5 ··· 13 다음
