본문 바로가기

분류 전체보기542

[ React ] 리액트 리덕스(Redux) 정의 Redux 에 대해 알아보기 전에 이해에 도움이 되기 위해 예시를 들어 설명해보자면, 만약 A 컴포넌트가 B 컴포넌트에, B 컴포넌트는 C 컴포넌트에.. 이렇게 D, E, F, G 컴포넌트 까지 이어진 루트가 있다고 가정했을 때 A 컴포넌트가 G 컴포넌트에 접근해 무언가 하려고 한다면 A ▶ B ▶ C ▶ D ▶ E ▶ F ▶ G 순서로 접근 후, 다시 G ▶ F ▶ E ▶ D ▶ C ▶ B ▶ A 루트를 통해 돌아와야한다. 얼마나 비효율적인 패턴인지는 굳이 설명을 안해도 알 것이다. ​ 이 때 하나의 스토어 ( Store ) 라는 매체를 두면 위의 순서가 아니라, A ▶ Store ▶ G 식의 효율적인 접근이 가능하게 해준다. ​ 이 Store 는 Redux 를 통해 사용할 수 있다. Redux 에 대.. 2021. 12. 28.
[java]Parameter... 표현 Object... args(동일한 파라메터를 여러개 받을 때, 자동으로 배열처리) 일정하지 않은 개수의 파라미터 (Arbitrary Number of Arguments ) 일정한 형의 변수를 여러 개 전달해야 할 때 사용한다. 메소드 호출시, 일반 파라미터 처럼 넘기고 메소드에서 받은 파라미터는 배열로 사용한다. public class Test{ public static void main(String[] args) { TestClass tc= new TestClass(); } } class TestClass{ public void test(String... strs) { System.out.println(strs[0]);// test1 System.out.println(strs[1]); // test2 } } 2021. 12. 28.
[Spring] @PathVariable 사용법 Request가 들어오는 타입에 따라 ... 받는 방법을 크게 4가지 정도로 나눠서 앞으로 하나씩 살펴보자. URL 변수 (@PathVariable) Query String (@RequestParam) Body Form @PathVariable 이란? REST API에서 URI에 변수가 들어가는걸 실무에서 많이 볼 수 있다. 예를 들면, 아래 URI에서 밑줄 친 부분이 @PathVariable로 처리해줄 수 있는 부분이다. http://localhost:8080/api/user/1234 https://music.bugs.co.kr/album/4062464 사용법 Controller에서 아래와 같이 작성하면 간단하게 사용 가능하다. @GetMapping(PostMapping, PutMapping 등 다 상.. 2021. 12. 28.
@RequestParam과 @PathVariable? 컨트롤러에서 Requestparam으로 파라미터 값을 넘겨받을 때 사용하는 어노테이션 스프링에서는 컨트롤러로 사용할 클래스 상단에 @Controller를 지정합니다. 주로 사용하는 형태의 파라메터를 전달하는 경우입니다. Case 1 ) http://xxx.x.x?index=1&page=2 Case 2 ) http://xxxx.x.x/index/1 Case 1의 경우 파라미터의 값과 이름을 함께 전달하는 방식으로 게시판 등에서 페이지 및 검색 정보를 함께 전달하는 방식을 사용할 때 많이 사용합니다. Case 2의 경우 Rest api에서 값을 호출할 때 주로 많이 사용합니다. Spring에서는 이러한 전달인자를 처리하는데 두 가지 방법을 제공합니다. Case 1의 경우 @Requestparam을 사용하는데.. 2021. 12. 28.
GetMapping 어노테이션으로 다중맵핑하기 @GetMapping 어노테이션은 HTTP GET 요청을 처리하는 메서드를 맵핑(@RequestMapping) 하는 어노테이션이다. 메서드(url)에 따라 어떤 페이지를 보여줄지 결정하는 역할을 한다. 참고로 스프링부트에서는 어떤 HTTP 메서드를 사용할지에 따라 RequestMapping 어노테이션을 아래의 어노테이션으로 구분해서 제공한다. RequestMapping 어노테이션으로 사용가능하지만, 목적에 따라 아래 어노테이션으로 대체사용이 가능하다는 이야기이다. @GetMapping : GET 요청을 하는 API의 어노테이션. 데이터를 가져올 때 사용한다. @PostMapping : POST 요청을 하는 API의 어노테이션 데이터를 게시할 때 사용한다. @PutMapping : PUT 요청을 하는 AP.. 2021. 12. 28.
@RequiredArgsConstructor란? / spring / lombok @RequiredArgsConstructor란? final 필드에 대해 생성자를 만들어주는 lombok의 annotation. Spring Framework의 DI(의존성주입) 중 Constructor Injection(생성자 주입)을 임의의 코드 없이 자동으로 설정 @RequiredArgsConstructor 적용 전 @Component public class LombokTest { private final MyService myservice; private final String id; @Autowired public LombokTest(MyService myservice, String id) { this.myservice = myservice; this.id = id; } @RequiredArgsC.. 2021. 12. 28.
[javaScript] URL정보 (window.location) 테스트 환경에서 localhost라고 host명을 고정해서 테스트하는 경우가 있습니다. 운영환경의 호스트명은 다르므로 운영환경에 맞게 호스트명을 자동으로 변경하고 싶은 경우가 있습니다. (물론 html파일이니까 리플레이스를 통해서 치환하면됩니다.) 여기서 사용할 수 있는 순수 자바스크립트는 다음과 같은 것이 있습니다. 예) http://192.168.0.94:85/hoops_web_viewer_sample.html?viewer=csr&instance=moto 예와 같이 URL이 있다고 할 때, 구글 크롬의 개발자 도구의 콘솔에 window.location을 조회해 보면 다음과 같은 내용을 확인할 수 있습니다. 참고로 window는 최상위 엘리먼트이므로 location으로 조회를 해도 같은 결과가 나옵니다.. 2021. 12. 27.
[오창 횟집] 아낌없이 주는 황금수산 오창 맛집 청주 횟집 / 충북 횟집 황금수산 오창의 로데오 핫플레이스~ 에 들어가고 들어가면 찾을수 있는 황금수산 저녁은 회먹고싶다~~~ 해서 찾아간곳 삐까뻔적한 골목골목 사이에 들어가면 잔잔한 황금수산 식당이 있다. 구석에 있었지만 손님도 꽤 많았다. 메뉴판은 크게! 3인 이었음으로, 숙성회 1번(3인) 을 주문했다! 사장님께서 그거 먹으면 된다해서 메뉴판 읽어보다 회까닥 돌아서 메뉴 다 시킬뻔했지만 일단 나오는거 보고 추가하자며 자제했다. 주문과 동시에 나오는 찬들.. 다 그냥 기본 찬이다... 홍합템 필템.. 나 홍합탕 됴아해.. 술마실때 필템... 꼬막일까? 꼬막무침일까? 아니면 다른 조개일까? 사실 꼬막이라 하기엔 너무 컸다. 내가 아는 꼬막은 작고 귀여운데 과메기 무침 - 기본 찬이다. 태어나.. 2021. 12. 24.
[jQuery]이벤트의 연결 및 처리 .on() .off() .one() 😎 이벤트의 연결(event binding) 특정 요소에서 발생하는 이벤트를 처리하기 위해서는 이벤트 핸들러(event handler) 함수를 작성해야만 한다. 이렇게 작성된 이벤트 핸들러를 특정 요소에 연결하는 것을 이벤트 바인딩(event binding)이라고 한다. jQuery는 이벤트 바인딩을 위한 다양한 방법을 제공한다. 다음 예제는 id가 "btn"인 요소에 클릭(click) 이벤트 핸들러를 바인딩하는 다양한 방법이다. $("#btn").click(function(event) { // 실행하고자 하는 jQuery 코드 }); $("#btn").bind("click", function(event) { // 실행하고자 하는 jQuery 코드 }); $("#btn").on("click", funct.. 2021. 12. 23.
728x90
반응형

티스토리툴바