국비 TIL(Today I Learned) 20220509 HTML, CSS 기본적인 내용

국비학원 목표

1. 끝까지 수료, 기본적이면서도 젤 중요한

2. 정보처리기사 필기 따기!, 실기는... 해보고

3. TIL 매일 쓰기

4. 포트폴리오 잘 만들기

 

TIL은 알고있는 내용은 생략, 이런거를 했다 정도만 기술하고, 좀 중요한거는 적고, 몰랐던 부분은 자세히!

 

사전OT 때 20정도의 문제를 풀고, 왠지 정보처리기사 문제 같기도 하고, UI에서 SQL, 자바, 등등 전체적으로 다 나옴

100점 만점에 55점... 반타작이 어디여 백단에 아예 모르는데!

 

그 중에 틀린 문제 몇개를 적어보면,

실수 기본타입 double....

 

https://limkydev.tistory.com/198

[JAVA] 자바 Exception 개념 및 예외 처리란?

https://bvc12.tistory.com/196

[java30강] throw throws (예외발생 및 예외처리)

select에서 별칭사용 안되는군!

 

특정 컬럼을 그룹화 하는 GROUP BY

특정 컬럼을 그룹화한 결과에 조건을 거는 HAVING

WHERE랑 HAVING을 헷깔리는 경우가 많은데 WHERE는 그룹화 하기 전이고, HAVING은 그룹화 후에 조건.

 

참고: https://extbrain.tistory.com/56

[MySQL] 그룹화하여 데이터 조회 (GROUP BY)

순서
select ~ // 조회할 컬럼  *필수 실행순서 : 5
from ~ // 조회대상 테이블  *필수 실행순서 : 1
where ~ // 조회할 행을 제한 실행순서 : 2
group by ~ // 조회된 행을 그룹핑 실행순서 : 3
having ~ // 그룹함수를 사용해서 행을 제한 실행순서 : 4
order by ~ // 조회된 행을 정렬 실행순서 : 6

1. 테이블을 선택한다.
2. 테이블의 행에서 조건을 만족하는 행만 선택한다.
3. 선택된 행을 그룹핑한다.
4. 그룹핑된 행에 그룹함수를 사용해서 행을 제한한다.
5. 그룹핑된 행에 그룹함수를 적용한다.
6. 정렬한다.

* 그룹함수와 컬럼을 같이 적을 수 없다.
  (단, group by절에 등장한 컬럼 혹은 표현식은 그룹함수와 같이 적을 수 있다.)
* where절에서는 그룹함수를 조건식에 사용할 수 없다.
* group by절에서는 별칭을 사용할 수 없다.
* having절은 반드시 group by가 필요하다.
* having절은 그룹함수를 조건식에 사용할 수 있다.
* 그룹함수는 한번만 중첩이 가능하다.
예) sum(count(*)) <---- 가능     avg(sum(count(*))) <---- 불가능

 

https://cmelcmel.tistory.com/34

그룹함수 특징, group by, sql 실행순서, having, 서브쿼리 예시, 오라클 에러

 

블로그에서 참고해서 읽어봤는데, 아직은 무슨 말인지 모르겠어 한번 훓고 가는 느낌으로다가

 

 

 

 

--------- 첫 수업 HTML ---------

 

비쥬얼 스트디오에 HTML Snippets를 깔고,

HTML : 5 하면 자동완성 !랑 같은기능,

 

태그들 설명

h1~6, p, meta, br, a, img(절대경로, 상대경로), pre 등등

 

태그의 속성 설명

src, alt, lang, title(툴팁 같은느낌) 등등

img

절대경로는 이미지 위치를 /로부터 시작한다. 별로 권하지 않음, 드라이브내의 모든 경로를 거쳐야 하는데 나중에 디렉토리 바뀌면 이미지 인식 못함

상대경로: 현재 위치로부터 .(내경로), ..(부모경로) 시작을 .나 ..로부터 현재 내가 있는 위치를 기준으로 한다. 보다 바람직

 

경로지정방법 윈도우 os는 \(슬러시 반대)를 사용, 리눅스는 /를 사용한다.

윈도우 os에서는 현재는 /를 지원한다.

\를 쓸경우 위험이 있는데 자바같은 언어는 \는 이스케이프문자라고 다을문자와 결합해서 \이상의 기능 발휘한다.

그래서 보통 기술할때 \\를 써야한다.

src="c:/html/img/cat.jpg 또는 src="c:\\html\\img\\cat.jpg

 

뭐야 왜 \로 표시되....슬러시 반대 기호임!!!

 

 

옛날 글꼴색깔 변경방식, 이런 방식도 있었군~~

 

 

font-family: Verdana 

font-size 에서 px 픽셀을 많이 안쓴다고 하는데 음? pt나 em을 많이 쓴데

 

스타일 적용하는 방법들! CSS 적용방법, 백엔드 개발자들은 인라인으로 스타일 적용하는거를 많이 씀!

table { border-collapse: collapse; }

 

부트스트랩 애기 잠깐!

 

*비주얼 스튜디오 단축키(윈도우)

(맥에 익숙해져서 윈도우로 쓸려니 모르겠어...)

한줄 복사 Shift + Alt + ↑ Shift + Alt + ↓

 

 

--느낀점

아직은 괜찮지, 너무 느리게 진행되는것 같아, 지루했지만 한달뒤에는 수업 못 따라가서 허우적대고 있겠징ㅋㅋㅋ 미리미리 선행학습!!!