[1주차] TIL - 230526

오늘 공부한 내용

☁️

Python3 chapter01

 

파이썬은 인터프리터 언어

→소스코드를 바로 실행하는 언어

파이썬은 인텐트(indent, 공백)에 매우 민감한 언어이다.

다른 프로그래밍 언어는 {}를 이용해 블록을 표현하는 반면, 파이썬은 공백을 이용하기 때문에 매우 신중해야함

---

html/css

 

css 박스모델

[border]

• border-style: 테두리 스타일 지정(soild, dashed, dotted, double, grrove, inset, outset)
• border-width: 테두리 두께 지정(px, %, thin, medium, thick)
• border-color: 테두리 색상 지정(color)
  • 한번에 여러 테두리 속성 할당 가능(border: 2px solid blue;)
• border-radius: 엘리먼트 코너 둥글게 하기(px, %)
  • 개별적으로 둥글게 하려면 border-top-left-radius, top-right, bottom-left, bottom-right
  • value값만 나열한 경우, 좌측상단부터 시계방향 순서로 적용

[width, height, padding, margin]

• margin, padding 속성의 크기 지정
  • 크기 값을 1개 사용하는 경우: 양쪽에 동일하게 적용
  • 크기 값을 2개 사용하는 경우: 위 아래, 왼쪽 오른쪽 적용
  • 크기 값을 3개 사용하는 경우: 위, 왼쪽 오른쪽, 아래 적용
  • 크기값을 4개 사용하는 경우, 위, 오른쪽, 아래, 왼쪽 적용(시계방향)

[box-sizing]

• box-sizing: border-box;
  • 최초 width, height만 따지고 추후에 padding, border로 늘어난 크기만큼 확장시키지 말것
  • 넓이가 늘어나는것 방지

[box-shadow]

• value: inset(안쪽 그림자), offset-x, offset-y, blur, color

css 텍스트 그림자 효과

[text-shadow]

• value: offset-x(필수), offset-y(필수), blur-radius, color

css html 인라인요소, 블록요소, 인라인블록

[인라인요소 inline]

• 한줄에 여러개 배치
• 기본 너비값은 컨텐츠의 너비값
• 크기값 o
• 상하 마진 x
• span, a, small. big, em, u, s, del, br, q, b, strong, ,ark, sub, sup, video, audio…

[블록요소 block]

• 한줄에 한개만 배치
• 기본 너비값은 100%
• 크기값 o
• 상하좌우 마진 o
• display, div, table, figure, figcaption, caption, header, nav, footer, section, article, aside, p, blockquote, ul, ol, li, td, th, form, hr, h1~h6…

[인라인블록요소 inline-block]

• 한줄에 여러개 배치
• 기본 너비값은 컨텐츠의 너비값
• 크기값 o
• 상하마진 x
• img, input, button, fontawesome

css html요소 가로배치하기

[css 포지셔닝 - 엘리먼트 수평 정렬하기]

• float
  • 요소가 부모요소 기준으로 왼쪽 또는 오른쪽에 배치할지 지정
  • value: none(기본), left(컨테이너 왼쪽배치), right(컨테이너 오른쪽), margin: auto(중앙 배치)
• clear
  • float 속성 적용되면 다음 요소가 float 속성 상속받는데, 이걸 해제시키는 역할
  • value: left(왼쪽 배치된 float 속성 상속 해지), right(오른쪽 배치된 float 속성 상속 해지), both(모든 float 속성 상속 해지)

[가로배치 - float, overflow, box-sizing & inline-block]

• 가로 배치하는 2가지 방법
  • float와 overflow를 사용해 배치
  • display: inline-block으로 배치

 

레이아웃 설계하는 시멘틱 태그

• 가장 상위 컨테이너: .container, .wrapper
• 문서 주요 내용 지정: main
• 주제별 콘텐츠 영역: section
• 헤더(로고, 메뉴, 로그, 검색 등): header
• 제작 정보 및 저작권 정보 표시: footer
• 콘텐츠 내용: article
• 문서 링크하는 탐색 영역: nav
• 세부 사항 요소: summary / 추가 세부 정보 정의: details
• .container(.wrapper) > header, section, footer > article > div

---

[merge 답변] 운영체제의 Mutex, 우선순위 스케줄링과 Busy Waiting의 상관관계

https://lamong.tistory.com/8#

---

🫠(개인공부)

java 4week code review

 

거스름돈 프로그램을 작성하시오.

• 거스름돈을 입력받으시오
• 5만원권, 1만원권, 5천원권, 1천원권의 장수와 400원, 100원, 50원, 10원의 동전의 개수를 출력하시오.

import java.util.*;
 
public class ex04_4 {
 
	public static void main(String[] args){

		Scanner sc = new Scanner(System.in); // Scanner sc

		System.out.print("Amount: ");
		int n = sc.nextInt();

		int x50000 = n / 50000; 
		// 입력받은 n을 50000으로 나눈 결과값을 x50000에 대입

		n -= x50000 * 50000; 
		// x50000 * 50000 = 5만원권 지폐 갯수만큼의 돈, 그 값을 n에서 뺴고, 대입

		System.out.println("50,000-won banknote: " + x50000);

		int x10000 = n / 10000;
		n -= x10000 * 10000;
		System.out.println("10,000-won banknote: " + x10000);

		int x5000 = n / 5000;
		n -= x5000 * 5000;
		System.out.println("5,000-won banknote: " + x5000);

		int x1000 = n / 1000;
		n -= x1000 * 1000;
		System.out.println("1,000-won banknote: " + x1000);

		int x500 = n / 500;
		n -= x500 * 500;
		System.out.println("500-won banknote: " + x500);

		int x100 = n / 100;
		n -= x100 * 100;
		System.out.println("100-won banknote: " + x100);

		int x50 = n / 50;
		n -= x50 * 50;
		System.out.println("50-won banknote: " + x50);

		int x10 = n / 10;
		n -= x10 * 10;
		System.out.println("10-won banknote: " + x10);
 
		
 
	}
 
}

나중에 반복문 같은걸로 충분히 최적화가 가능해보인다. 반복문 복습 후 최적화 해볼것

 

---

운영체제 기말대비

 

semaphore

• dijkstra가 제안(그 다익스트라 알고리즘에 다익스트라 맞음)
• semaphore는 축적된 wakeup 신호의 개수 의미

mutex와 semaphore의 차이

• mutex는 동기화 대상 하나. 하나의 process or thread 접근 막음
• semaphore는 동기화 대상 여러개. 여러 process or thread 접근 막음
• mutex는 상태 0,1 뿐이므로 lock 소유하고 있는 thread만 해제 가능
• semaphore는 semaphore를 소유하지 않는 thread가 semaphore 해제 가능