2021_09_14)zoom study

동기들과 줌터디

꾸준한 노력🔥🔥

 

오늘은 매우 매우 졸리지만 그래도 기록을 해봅니다아아

 

오늘 한 공부는 웹프로그래밍 예습 강의

css 와 grid4 를 공부하고

객체지향설계 과목 c++ 과제를 했습니다!

 

한 한기 동안 웹프로그래밍 과목에서는 

html , css, js ,php 를 하신다고 하는데

아직도 코딩이 낯선 학부 2학년인 저는 잘 버텨 낼 수 있을까 라는

고민이 생기네요우.....

 

일단 오늘 들은 웹프 강의를 복습해 봅시다!

 

1) 웹프로그래밍 예습 강의

CSS , Grid4

 

아날로그 겜성을 좋아하는 저로선 역시 노트 필기를 하는것이

머리로는 잘 들어오는 것 같아요!

 

그래서 노트필기를 토대로 여기에 복습내용을 올려볼까 합니다!

 

CSS 의 장점 : 작업량을 줄인다.

CSS 표현 방법

external style sheet : 권장 

Internal style sheet : header 안에 style

Inline style : 직접정의

 

우선 순위 style -> 마지막에 정의된 style

1 -> Inline

2 -> External or internal (정의된 순서에 따라)

3 -> Browser default

 

css comments /* ~ */

 

background-color :

opacity = 투명도

background-image : url('address');

background-repeat : repeat-x; (x축으로 그림을 이동)

기본적으로 그림은 반복 된다.

no-repeat 일 경우 1번만 

position : right top 오른쪽 상단

attachment : fixed (그림고정 스크롤의 따른?)

background 속성 순서

color, image, repeat, attachment, position

 

CSS box Model

 

margin

border 

padding

content

순으로 box 를 구성

 

CSS Border

border-width : ? px ? px (top, bottom / sides)

border-width : ? px ? px ? px ? px (top, right, bottom, left 순)

border-color : 정의가능함돠!

 

CSS 는 style 을 정의하지 않으면 width color 를 정의해도 표현되지 않습니다.

 

border-radius: 모서리 둥글게 ㅎㅎ

 

CSS margin

border 와 같은 양상으로 순서에 px 순서가있음

px px px 는 top, sides, bottom

margin : auto;

반응형 웹에 적용, 항상 중앙에 위치

margin-left : inherit;

상위 element를 따른다. 상속 개념..?

 

CSS text

text-color / background-color 구별

text-align : text 정렬 저번 실습때 나왔습니다!

justify : 양쪽 줄 맞춤

text-decoration :

text-transformation :

text-spacing : 들여쓰기

letter-spacing: 텍스트 간의 간격

word-spacing : 단어간의 간격

line-heght : 줄간격

white-space : nowrap / normal / pre

p 태그를 배울때 tap, space , enter 는 입력되지 않는다고 배웠다.

다만 white-space 를 통해 처리 가능 

text-shadow : 기울기(가로), 기울기(세로), 번짐, 색

 

CSS fonts style

sans-serif : 보통쓰이는것

serif : 꺽세라 생각하시오

font-family : 개발자가 원하는 글자체, 대체 체, serif 

font-style : normal , italic , oblique

 

슬슬 노트에 맞게 적었나 궁금해지기 시작하네용,,,,

 

font-weight : 굵기

font-variant : 한글은 적용이 안된다고 하시네용 일단 pass

font-size : size

font property 순서를 봅세다!

style, variandt, weight, size/line-heght/family

 

CSS link

상태정보

a:link - no touch

a:visited - yes touch

a:hover - 올려놓았을때

a:active - 짧은 순간 집중해서 봐!

 

hover 앞에 link, visited 정의

active 앞에 hover 정의

 

CSS lists

list-style-type : ?;

list-style-image : url(?);

list-style-position : outside / inside

 

list property 순서를 보아요!

type , osition , image

 

CSS table

tr:nth-child(even){ ~ } 짝수마다 지정

 

반응형 웹

bootstrap 4grid

장점

fast to use

responsive features

mobile-first approach

Browser compatibility

 

Bootstrap 4 CDN

기억하기

bootstrap 4 is mobile - first

<meta name="viewport"content = "width=divice-width, initial-scale=1">

containers 화면의 크기

container 공백 o

container-fluid 공백x

 

/* 오우오우,,,,, 일단 무지성으로 작성해 보았읍니다,,,

확실히 기억나는건 안적었지만 괜찮겠죠,,,,><..b

일단 상기 시킬겸 적어보았읍니다 */

 

 

2) 객체지향 설계 C++

 

일단 오늘 도움을 받은 사이트

https://modoocode.com/141

감사드리옵니다,,, 공부하는데 도움이 되었어요!

 

처음 하는 C++ 이라 많이 해매가 됩니다.

학교에서도 직접적으로 C++의 대해 알려주지 않으니

직접 구선생님꼐 찾아가 이것저것 알아보았습니다 ...ㅎㅎ

하지만 거의 대부분이 C 언어에서 쓰던것이 가능하니

좋은줄만 알았으나.....!

C 언어 대부분이 기억이 안납니다😂😂

진짜 똥멍청이야 난,,,,,

쉬운 과제 였지만 많이 해매고 이것저것 많이 찾아본것 같네요 오늘은

 

이번 과제는 주어진 코드 해석

C++ 코드를 C 코드로 변경

포인터를 이용한 오류 해결

레퍼런스를 이용한 오류 해결

정도로 정리 할 수 있을것 같습니다. 

 

과제 파일은 private 리포지드를 통해 git 에 올리기 때문에 

이번학기가 끝나면 public 으로 바꾸지 않을까요,,,,,?

 

학교에서 실시한 과제 들은 교수님들 저작권에 걸리지 않을까 해서

올리지 않을 예정입니다. 다만 글을 쓰면서 복습하기 때문에

저의 취지에는 벗어나지 않는다고 생각해요!

암튼 오늘도 고생했다 my body

 

일단 깃허브 주소 : https://github.com/rofe12