1. HTML, CSS
1) HTML : 웹의 뼈대를 잡아주는 구역을 나타내는 코드
- html을 입력한 후 html : 5를 선택하여 자동입력기능을 사용할 수 있다.
이렇게 작성된 자동완성코드는 ! 자동완성코드와 동일하다.
- 코드를 입력하여 구역을 만들 때에는 <div>태그를 이용하여 구역을 생성한다.
- 코드가 난잡할 경우 Alt + Shift + F 키를 눌러 깔끔하게 정리할 수 있다.
2) CSS : HTML을 통해 작성된 뼈대를 예쁘게 꾸며주는 코드
- CSS코드는 <head>태그 안에 <style>를 만든 후 사용할 수 있다.
- * : 문서에 있는 모든 태그를 선택할 수 있다.
- class의 경우 class명 앞에 .을 붙여 선택할 수 있다.
- font 또한 외부에서 가져와 사용할 수 있다.
2. Bootstrap
- 부트스트랩이란 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크이다.
- 부트스트랩을 통해 웹을 이쁘게 꾸미고, 코딩 작업 시간을 효율적으로 단축할 수 있었다.
3. JavaScript
- JavaScript를 활용하여 웹을 움직이고, 사용자와 상호작용할 수 있도록 할 수 있었다.
- Java와 JavaScript는 햄과 햄스터의 차이이다. (관련없음)
4. JQuery
- HTML의 요소들을 조작하는 Javascript를 미리 더 쉽게 작성해둔 라이브러리이다.
- JQuery를 사용하기 위해서는 <head>태그 안에 <script src="">로 JQuery를 연결 필요
★ 1일차 소감
자세한 문법은 개인적으로 따로 공부를 해야할 필요성이 느껴진다. 하지만 문법에 중점을 두지 않는 수업의 설계를 통해 처음 접하는 내용이라도 비교적 쉽게 따라할 수 있었고 수업에 흥미를 느낄 수 있었다고 생각한다.
'TIL' 카테고리의 다른 글
| 10. 08. 06일차 TIL - JavaScript 역사, 특징, 기본문법 (7) | 2024.10.08 |
|---|---|
| 10. 07. 05일차 TIL - 팀프로젝트_03 마무리 및 회고 (3) | 2024.10.07 |
| 10. 04. 04일차 TIL - 팀프로젝트_02 중간과정 (0) | 2024.10.04 |
| 10. 02. 03일차 TIL - 팀프로젝트_01 시작 (0) | 2024.10.03 |
| 10. 01. 02일차 TIL - Firebase와 DB (1) | 2024.10.01 |
