전체 글122 html 에 스타일 시트로 스타일 입히기 ●index.css * { margin: 0; padding: 0; } .container { background-color: cadetblue; display: flex; /* 가로로 무조건 출력 */ /* justify-content: center; */ align-items: center; /*중간 정렬이 된다.*/ flex-direction: column; /*이렇게 넣으면 세로로 출력된다.*/ } .header { position: relative; background-color: yellow; height: 200px; width: 1000px; /* margin: 0 auto; 겉의 여백 자동 */ } .header .rtnav { position: absolute; top: 0; right.. 2024. 4. 15. 간단한 html 코드 ●index.html DOCTYPE html> Document header 영역 메뉴1 메뉴2 메뉴3 메뉴4 왼쪽밑에 content 영역 ㅁㄴㄹㅇㅁㅎㄹㅁㅎㄹㄹㅎㅁㅎㅁㅇㄴㄹㅇㅁㄴㄹㅇㅁㅎㅁㅇㄴㄹㅇㄴㅇㄹㅁㄹㅎㄴㅇ document.getElementById('aa').style.right = '0'; 2024. 4. 15. 카카오 로그인 api 사용해보기 카카오 개발자 콘솔에서 카카오 api 에 들어가서 회원가입을 하고 에프리케이션을 만든다. 플랫폼을 생성하고 (web)-> 도메인 주소를 localhost 로 만들어준다. Redirect URI 도 지정해야 된다. oauth/kakao/callback 로 GetMapping 으로 url 을 불러온다. application.yml 에 kakao.client.id 값을 restapi 키 값을 입력해준다. 앱 권한 신청을 해준다 개인 개발자로 신청을 한다. 그리고 동의항목에서 -> 닉네임, 프로필사진, 카카오 계정을 필수 항목으로 보여준다. 보안에서 Client Secret 에 값을 application.yml 에 적어준다. kakao.client.secret 의 값을 키값으로 입력해준다. 프론트 영역을 만들어.. 2024. 4. 15. thymeleaf 의 기본 문법 // Controller Thyeleaf Th:fragment=“” -> 공통 영역을 정의 특히 (head(상단)/ footer(하단))에 삽입 하여 조각화 Th :replace=“~{파일경로 :: 조각화 }” -> fragment 로 조각화 공통영역을 html 로 삽입하는 역할 Th:action =“@{}” -> 해당 경로로 요청을 보낼 때 @RestController -> 문자열 보내는거 Json,문자열 @Controller (문서 를 찾는다.) ->html 파일을 찾는다. 메서드에다가 @ResponseBody -> 문자열 보내는거 json, 문자열…. -> sql 구문을 실행할떄 파라메타 뭐가 적용됏는지 보여주는거 P6spy 객체가 생성되면 시간을 만들어주는 기능 Jpa audit 2024. 4. 3. 이전 1 ··· 3 4 5 6 7 8 9 ··· 31 다음