🐣 CodeLion 강의
😎 이두희님의 Html / css 강의
- 모든 태그를 다 알아야 할 필요는 없습니다.
html
Html/Css는 프론트 엔드 웹 개발 언어이며, 코딩을 하는것이 아닌 "문서" 를 만드는 것입니다.Html/Css는 단독으로 동작할때도 빛이 나지만, 다른 도구 (Ruby, 자바스크립트)와 섞여서 있을때도 빛이나는 언어입니다.
✔ 기본 html 구조이며, body 태그에는 실제 콘텐츠(내용)을 포함하는 부분이고,
head 태그에는 meta 데이터 혹은 문서의 정보를 저장합니다.
<!DOCTYPE html>
<head>
<meta charset = "UTF-8"> // 한글 변환
</head>
<body></body>
</html>css
html로 작성된 웹 페이지의 스타일, 레이아웃, 디자인을 담당합니다.
(글자 크기, 여백 등)
📍 html 코드
<!DOCTYPE html> <html> <head> <title>Hello</title> </head> <body> <h1 class="title">Welcome</h1> <p class="highlight">안녕하세요.</p> </body> </html>
📍 css 코드
작성한 클래스 명에 따라 적용의 범위를 제한할수있습니다.
body { background-color: #f2f2f2; font-family: Arial, sans-serif; text-align: center; } .title { color: #333333; } .highlight { font-weight: bold; color: #ff0000; }
같은 클래스에 작성해도 되지만, 유지보수성과 가독성의 이유로 html 클래스와 css 클래스를 분리하여 작성합니다.
🍃Spring
🐘 Gradle 이란 ?
- 프로젝트를 build 하고 관리하는 도구입니다.
Gradle vs Maven
Gradle과 Maven 모두 자바 기반의 프로젝트 빌드 도구입니다.
- Gradle
Groovy 기반의 프로젝트 관리 도구이며, 유연하고 강력한 기능을 제공합니다.
👀 추세는 Maven에서 Gradle로 바뀌는 추세입니다.
- Maven
Xml 기반의 프로젝트 관리 도구이며, Gradle에 비해 코드가 간결하지 못하고, 확장성 (유연성) 이 떨어집니다.
🧲 인텔리제이 DB 연결
❗❗ JDBC (Java DataBase Connector) 란 ?
- 자바 프로그램과 데이터베이스를 연결하고 상호 작용하기 위한 자바 API입니다.
- 상호작용 = 검색, 삽입, 수정, 삭제 등
- 여러가지의 DB 시스템과 상호작용 할수있습니다.
(Oracle, MySql 등) ➡ 멋사에서는 MySql 사용
DB 연결
- 인텔리제이의 데이터베이스를 클릭합니다.
+버튼을 클릭후 사용할 DB를 선택합니다.
- 내용을 입력하여 접속정보 (본인의 DB)를 작성하고 적용합니다.
(포트 번호 3306번 확인)
- 호스트 : AWS에서 만들어놓은 EC2 인스턴스의 퍼블릭 DNS 입니다.
- 데이터베이스 : MySqlWorkBench의 스키마입니다.
- 사용자, 비밀번호 : MySqlWorkBench에서 AWS와 연동한 커넥션의 username과 비밀번호 입니다.
❓ 번외
- DB는 Git에 올리면 절대 안된다, DB가 털리게된다
( 실제로 털리게 되면 돈을 요구하는 경우가 태반이다 )
👀 예방하기 위해서는 중요정보를 application.properties나 application.yml에 넣어서 작성하게 된다면 꼭 .gitignore에 추가해둬야 합니다 !!
