오늘 회고
- 첫날이라서? 12시간이라는 긴 시간에 비해 제대로 활용을 못한 느낌이지만 어떻게 보완해야할지 시간 관리 해야겠다.
- 대학 4년동안 배운 애매모한 깃 지식이 오늘의 깃 기초 줌 강의를 통해 좀 알겠는 느낌이다.
내일 꼭 할것▼
10분전에 입실전에 당일 계획 리스트로 정리해 볼것
=================================================================================
오늘 공부 한것
[코딩이 처음이어도 쉽게 배우는 웹 개발 1주차]
웹은 개발의 기초
서비스를 요청하는 쪽은 클라이언트
서비스를 제공하는 쪽은 서버이다
[웹 개발 언어]
HTML : 웹의 뼈대를 잡아주는 구역을 나타내는 코드
<!DOCTYPE html>
<html lang="en">
<head>
// 페이지의 속성 정보가 들어간다.
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
페이지의 주 내용이 들어간다.
</body>
</html>
CSS: HTML을 통해 작성된 뼈대를 이쁘게 꾸며주는 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
// <head></head>안에 <style></style>로 공간을 만들어준다. 이 안에 css 코드를 작성
<style>
.css{
}
</style>
</head>
<div class="css"></div>
<body>
</body>
</html>
Margin : 바깥 여백
padding : 안쪽여백 이라고 생각하면 된다고 한다.
JavaScript: 우리가 만들어놓은 html과 css코드에 생명력을 넣어주는 코드
궁금증: css 설명에 <style></style>안에 . 말고 다른 것도 붙혀져있는 것도 있었던 것 같다.
답:style 태그 안에는 3개 종류의 선언 방식이 있는데 tag, class, id로 지정할수 있다.
style요소에서 tag를 선언할 때는 앞에 아무것도 붙이지 않는다.
style요소에서 class를 선언할 때는 앞에 .(dot)을 붙이고 그 뒤에 클래스명을 입력하는 것으로 선언한다.
style요소에서 id를 선언할 때는 앞에 #을 넣고 그 뒤에 아이디명을 입력하는 것으로 선언한다.
+ 추가적으로 자주 쓰는 css코드
.css {
background-image: url("");
background-position: center;
background-size: cover;
}=================================================================================
- GIT & GITHUB 기초
[필수 리눅스 명령어]
1. pwd (print working directory) 현재위치
현재 내가 작업하는 폴더를 보여달라는 뜻
~는 home이라는 경로 이며, 우리가 보는 데스크탑 보다 더 상위의 폴더를 말함
2. ls (list)
내 폴더 안에 있는 폴더 & 파일 내역을 보여줌
2.1 ls -a(list all)
숨겨진 파일(보통. 으로 시작함)도 볼수 있음
3. cd 폴더명(change directory)
ls 명령어에서 확인된 폴더로 이동가능
마치 데스크탑의 폴더를 더블 클릭해서 들어간 것과 같은 효과
이전으로 돌아가기위해선 cd .. => 한 단계 위의 폴더 라는 뜻
폴더명/ 폴더명으로 한번으로 한번에 더 깊이 들어갈수 있음
반대로도 가능
4. mkdir폴더명 (make directory)
현재 경로에서 폴더를 생성하는 명령어
5. touch 파일명
현재 경로에서 파일을 생성하는 명령어
참고: 정확히는 파일의 생성과 파일의 날짜, 시간을 변경하는 명령어
[GIT & GITHUB의 개념]
GIT : 코드 변경점의 기록 (형상 관리 도구)
전문적으로는 소프트웨어 변경 사항을 체계적으로 추적하고 통제하는 것
일상 생활 예로는 최종.hwp => 찐 최종.hwp => 찐찐찐 최종.hwp
GITHUB : 백업도 되고 공유도 되고 협업도 가능한 온라인 코드 저장소
[GIT 필수 명령어]
1 .git init
코드 관리를 시작하는 명령어
initialize (초기화하다) 프로젝트 시작 전 딱 한번만 입력하면 됨
중요 정확한 프로젝트 폴더(경로)에서 입력해야 함 잘못하면 데스크탑 전체 파일 폴더가 다 기록됨
init에 성공하면 .git 이라는 폴더가 만들어짐 이떄부터 코드 변경을 git 에서 추적
2. git add
저장하기전 저장할 파일 지정
2.1 git commit
실제로 저장하는 명령어
= 저장 명령어가 2개인 이유
코드를 저장하는 명령어
git add 파일명
git commit -m "내용" <= 상세히 하면 좋음
3. git status
저장 여부 확인하는 명령어
코드의 변경은 있지만 지정을 하지 않은 파일 (붉은 색으로 표시)
한번에 지정하는 방법은 (git add .)
4. git log
저장 내역을 확인하는 명령어
커밋 메시지로 코드 변경점 추측 가능 => 그러므로 커밋 메세지를 잘 써야함
q로 빠져나오기
5. git push 추가로 수정된 코드 github에 반영하기
git push orgin main(브랜치명)
'TIL' 카테고리의 다른 글
| [TIL] 스파르타 백엔드 캠프 6일차 (0) | 2024.10.07 |
|---|---|
| [TIL] 스파르타 백엔드 캠프 5일차 (3) | 2024.10.04 |
| [TIL] 스파르타 백엔드 캠프 4일차 (1) | 2024.10.03 |
| [TIL] 스파르타 백엔드 캠프 3일차 (2) | 2024.10.02 |
| [TIL] 스파르타 백엔드 캠프 2일차 (2) | 2024.10.01 |