2021-06-08까지의 공부기록

그동안 아파서 올리지 못했던 것과 게을러서 블로그에 쓰지 못한 기록들을 한꺼번에 총정리

 

 

○ 학습자가 깃허브를 사용해서 학습을 진행하는 방법

  ⊙  학원에서 저장할 때 

 

git init

git config --global user.name. 사용자이름

git config --global user.email. 사용자이메일

git remote add origin 깃허브사용자의주소

git remote -v 맞는지 확인절차

git add . 

git commit -m "~"

git push origin master

 

⊙ 저장한 걸 집으로 가져와서 작업할 때 

git clone 깃허브사용자의주소

git add .

git commit -m "~"

git push origin master

 

⊙ 학원에서 작업할 때

git pull origin 깃허브사용자의주소

git add .

git commit -m "~"

git push origin master

 

 

 

 

○ HTML

  자식선택자 쓸 것

  -> 자식선택자 = `>`를 뜻하며 선택자가 길면 우선 순위가 높다.

 

하나의 긴 태그의 틀을 만들 때 자식선택자를 사용하여 만들면 시간이 저축된다.

<!-- nav.menu-1>ul>li*3{메뉴아이템$} -->
<nav class="menu-1">
  <ul>
    <li><a href="#">메뉴 아이템 1</a></li>
    <li><a href="#">메뉴 아이템 2</a></li>
    <li><a href="#">메뉴 아이템 3</a></li>
    <li><a href="#">메뉴 아이템 4</a></li>
  </ul>
</nav>

자식선택자를 이용하여 코드 첫 줄(nav.menu-1>ul>li*3~) 쓰고 tab 누르면 자동적으로 코드가 나옴

 

○ PHP

- 웹서버 정보
    - IP : 118.67.130.197
    - 기본 HOST : 202104-full-00.st.oa.gg
  - MariaDB 외부 접속정보
    - HOST : jua.oa.gg
    - ID : st__2021_04_full__site07
    - PW : ?????????
    - DB : st__2021_04_full__site07
  - MariaDB 내부 접속정보
    - HOST : 127.0.0.1
    - ID : st__2021_04_full__site07
    - PW : 1234
    - DB : st__2021_04_full__site07
  - FTP 접속정보
    - HOST : jua.oa.gg
    - ID : st__2021_04_full__site07
    - PW : ?????????

 

 

시간이 없어서 나중에 수정할 것

- 풀다운메뉴 만들기
    - position 
```
.menu-box-1 ul > li {
  position:relative;
}
```
    
  - last-child
```
.menu-box-1 > ul > li:last-child > ul ul {
  left:auto;
  right:100%;
}
```

 

- font-awesome 
    - link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
    - (폰트어썸 아이콘 리스트) :[https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free]
  - transition
```
div {
  background-color:red;
  width:100px;
  height:100px;
  transition: width 1s, height 2s, background-color 3s;
}

div:hover {
  background-color:green;
  width:200px;
  height:200px;
}
```
   - inline-grid
```
.inline-grid > * {
  font-size:1rem;
  display:inline-block;
  vertical-align:top;
}
```