개발바닥 아방수

가끔 팝업창에서 작업을 마치고, 팝업창은 끄고 자식창의 메세지를 받아 부모창에서 작업을 마저 해야할 때가 있다. 이럴 때 사용하면 좋은 게 postMessage 메서드다. postMessage('전달할 데이터', '자식창URL'); postMessage() 메서드는 웹 페이지 간에 안전하게 데이터를 전송하는 데 사용된다. 이 메서드를 사용하면 다른 창, 프레임 또는 워커(worker)에 메시지를 보낼 수 있다. 이 메서드는 두 가지 주요 매개변수를 사용한다: message: 전송하려는 데이터. 문자열, 객체 등 어떤 데이터든 전달할 수 있다. targetOrigin (선택적): 메시지를 받을 대상 창의 출처(origin)를 지정. 이는 보안상의 이유로 설정되며, 이 값이 설정되면 특정 출처에서만 메시지를..

null과 undefined 자바스크립트에서 null이란 object 타입이며, 아직 '값'이 정해지지 않은 것을 의미합니다. 또한, undefined란 null과는 달리 '타입'이 정해지지 않은 것을 의미합니다. 따라서 자바스크립트에서 undefined는 초기화되지 않은 변수나 존재하지 않는 값에 접근할 때 반환됩니다. 예제 var num; // 초기화하지 않았으므로 undefined 값을 반환함. var str = null; // object 타입의 null 값 typeof secondNum; // 정의되지 않은 변수에 접근하면 undefined 값을 반환함. null과 undefined는 동등 연산자(==)와 일치 연산자(===)로 비교할 때 그 결괏값이 다르므로 주의해야 합니다. null과 und..

Elasticsearch란 무엇인가요? Elasticsearch는 Apache Lucene에 구축되어 배포된 검색 및 분석 엔진입니다. 2010년에 릴리스되기 시작한 이후로 Elasticsearch는 빠르게 인기 검색 엔진이 되었으며 로그 분석, 전체 텍스트 검색, 보안 인텔리전스, 비즈니스 분석 및 운영 인텔리전스 사용 사례에 일반적으로 사용되었습니다. Elasticsearch는 어떻게 작동하나요? JSON 문서 형식의 데이터를 Logstash 및 Amazon Kinesis Firehose와 같은 수집 도구나 API를 사용해 Elasticsearch로 전송할 수 있습니다. Elasticsearch는 자동으로 원래 문서를 저장하고 클러스터의 인덱스에 문서에 대한 검색 가능한 참조를 추가합니다. Elast..

데이터를 json 형태로 주고 받는 것은 업무를 하다보면 일상적이다. 특히 자바에서는 그렇다고 하는데, 나의 경우 업무 중 c#를 많이 써서 c# 기준 json 데이터 직렬화 및 역직렬화를 정리하고자 한다. 리피터 사용을 줄이고, json으로 많이 써보는 연습도 해야겠다!! 앞으로 소개할 json 데이터 직렬화 및 역직렬화는 Json.NET과 JavaScriptSerializer 두 가지며, Json.NET의 경우 'C# 교과서'를 참고했다. Json.NET :: JSON 데이터 직렬화 및 역직렬화하기 JSON(JavaScript Object Notation) 데이터는 최근 프로그래밍에서 많이 사용하는 데이터 구조입니다. C# 개체를 JSON 문자열로 변환하는 내용을 직렬화(serialize)라고 하며,..

스프링부트 데이터베이스 설정을 해보자! -- 테스트 db 때 사용한다. 다음 파일에 해당 내용을 추가해준다. \src\main\resources\application.properties #h2 console 활성화 및 경로 설정 spring.h2.console.enabled=true spring.h2.console.path=/h2-console #h2 db 설정 spring.datasource.url=jdbc:h2:~/test; spring.datasource.driverClassName=org.h2.Driver spring.datasource.username=sa spring.datasource.password= spring.jpa.database-platform=org.hibernate.dialect..

타임리프 방식으로 form을 보내는 것은 form 자체에서 DTO 객체를 던져주는 것이 키포인트다. 그렇기 때문에, controller에서 view를 던져줄 때부터 DTO 객체를 생성하여 model.addAttribute로 던져주는 것이 중요하다. hello.html 하단 코드에서 타임리프 이용하여 보내기 주석 부분을 보면 된다. html에서부터 sampleDTO로 controller에 보내는 방식이다. form axios first : second : last : form sumbit first : last : hello view link test link test Hello~~~~ List click me helloController.java mapping 값인 hello에 들어갈 때부터 폼에서 가지..

Controller, RestController, View 예제 HelloController.java dispatcher -> view resolver view를 리턴해준다. package com.jieun.chunjae.controller; import java.util.Arrays; import java.util.List; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; @Contro..

vs code와 java 11를 다운로드 한다. (환경변수 설정도!) extension에서 spring boot와 gradle를 설치한다. ctrl + shift + p 누르고 spring gradle 검색하여 프로젝트를 생성한다. 가장 낮은 버전으로 생성한다. 패키지명은 자율적으로 한다. java code generators도 설치해준다. dependencies의 경우 아래 5개를 선택하고 생성한다. 원하는 위치에 지정하고, 오른쪽 하단에 뜨는 open을 누르면 된다. trust 해준다. 왼쪽 사이드바의 Spring Boot Dashboard를 클릭하고, APPS 에서 Debug(사진상으로는 네모버튼 보이는 것)을 눌러준다. localhost:/8080/world 로 접속하면 다음과 같이 실행된 것을 ..

Response.Redirect(URL,false): The client is redirected to a new page and the current page on the server will keep processing ahead. (페이지 이동, 기존 페이지 스레드 계속) Response.Redirect(URL,true): The client is redirected to a new page, but the processing of the current page is aborted. (페이지 이동, 기존 페이지 스레드 죽음) (참고출처) https://stackoverflow.com/questions/6707465/when-should-i-use-response-redirecturl-true

0. 동기와 비동기 개념 동기(synchronous : 동시에 일어나는) - 요청을 하면 (바로) 응답을 받는다는 의미. 말 그대로 동시에 일어난다는 뜻. 요청과 그 결과가 동시에 일어난다는 약속. 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다. -> 요청과 결과가 한 자리에서 동시에 일어남. -> A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기(Asynchronous : 동시에 일어나지 않는) - 동시에 일어나지 않는다를 의미. 요청과 결과가 동시에 일어나지 않을거라는 약속이다. 요청과 응답이 다른 시간대 존재하기 때문에, 요청내용에 대해 지금 바로 혹은 당장 응답받지 않아도 된다. (바로 응답이 와도 되고!) -> 요청한 그 자..