Firebase web ui설정 밑 http-equiv 태그 grep console 라인 표시 방법 등 개발 초기 세팅

이전 글 에 이어서

Firebase 홈페이지 콘솔 이동 후 설정 코드 얻기 

Firebase 홈페이지 콘솔에서 웹앱을 생성 후 Node계열이면 npm을 

html에 자바스크립트를 이용할 경우 CDN을 사용한 코드를 삽입하면

로그인 기능이 잘 작동 됩니다.

노션 단축키 알아 내는 방법

물론 클릭을 하면 홈페이지로 이동이 되긴하지만

할일 목록을 만들었다가 체크 하고 싶을때 컨트롤+엔터로 마무리 해준다

Grep Console 설정 라인 전체 색 설정 하기 

우선 개발툴에 GREP CONSOLE 플러그인들이 설치 되어 있어야 하고

위 사진은 그렙콘솔 설정에서 특정 키워드만 표시되도록 해준건데

이게 눈에 잘 안띄어서 줄 라인 전체를 하고 싶었다

RUN 이나 DEBUG 실행 후 콘솔 창에

우클릭으로 Open Grep Console settings 에 들어가서

원하는 키워드 혹은 패턴을 입력한후 

전후에 .* 을 붙여주어 정규식 같다

표시 후 엔터 치고 확인을 눌러주면 라인 전체가 표시되어

내가 보고 싶은 로그들만 눈에 확 들어오게 할수 있다.

시작

Java레이어 백엔드에서 스프링 프로퍼티 로그 찍어 보기

 ApplicationContext를 사용하여 객체안에 있는 프로퍼티들을 확인 할 수도 있고

@Value("${server.port}")

    private String port;

value 어노테이션과 spel을 사용하여 변수에 담아 사용해도 된다.

여기서 변수에 담아서 타임리프에 값을 전달해 주어도 되지만

thymeleaf에서도 spel을 사용하여 값을 뿌려줄수 있으므로 

자바단에서는 저렇게 사용하면 된다는 것만 알아 두면 될거 같다.

<p th:text="${@environment.acceptsProfiles('server.port')}"></p>

위와 같은 방식으로 사용한다고 하여

프로파일즤 안의 매개 변수를 server.port로 해서 출력해 보니

false가 출력이 되었다 그래서 혹시 개발툴에서 .찍고 메소드 들을 

볼수 있는지 확인해 보니 몇개가 나오긴 하더라 

<p th:text="${@environment.getProperty('server.port')}"></p>

그래서 표현식안에 getProperty를 사용해 보니 80 내가 원하는

결과물이 잘 출력이 되었다.

 나머지도 application.yml 파일 안의 내용이 잘 나올거라 기대한다.

다음에 하고 싶은 작업은 백엔드? 자바단? 컨트롤 단에서 뷰단으로

변수에 값을 담아 넘길걸 thymeleaf 에서 뿌려 주고 싶은데

한번 해 보겠다.

시작

서버단?자바단?백엔드? 에서 thymeleaf로 데이터?값 전달 하기

 스프링 프레임워크 단에서 요청을 받으면 컨트롤러에서 뷰단으로 값을 전달하여

뿌려줄건데 이를 용어를 머라 해야 할지 모르겠다

암튼 컨트롤에서 뷰(thymeleaf)로 값을 던질 건데 생각보다 간단하긴 했다

우선 요청을 받는 메서드의 매개변수로 Model을 생성해 주고 어트리뷰를 추가해 주면 된다

public Mono<String> homeTestPage(@AuthenticationPrincipal Mono<OAuth2User> user, Model model)

model.addAttribute("port", port);

모델에 추가해 주고

<p th:text="${port}"></p>

뷰단에서는 spel을 사용하여 주면 간단히 표기가 되었다