🌱 → 🌳

https://www.acmicpc.net/problem/2588 2588번: 곱셈 첫째 줄부터 넷째 줄까지 차례대로 (3), (4), (5), (6)에 들어갈 값을 출력한다. www.acmicpc.net 아래는 처음에 작성했던 코드(런타임 에러 발생) 뭐가 문젤까 ㅜ a,b=input().split() a=int(a) b=int(b) x=a*(b%10) y=a*((b//10)%10) z=a*(b//100) print(x) print(y) print(z) print(z*100+y*10+x) 답: b를 숫자가 아니라 문자열 그대로 나두고 첫번째 문자열, 두번째 문자열 이런식으로 불러오는 방법이 있었다..! a=int(input()) b=input() x=a*int(b[2]) y=a*int(b[1]) z=a..

https://www.acmicpc.net/problem/1000 1000번: A+B 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램 작성 a,b = input().split() a = int(a) b = int(b) print(a+b) input() 함수를 이용하여 인자를 받아온다. (이때, 문자열로 받아옴) .split()을 이용하여 스페이스바로 구분해 변수를 저장함 a = int(a) b = int(b) 를 통해 int로 형변환을 해 준 후 print() 함수를 사용하여 결과값을 print해 주었다 이때, map 함수를 사용하여 나타낼 수도 있다 map() 함수는 여러 개의 데이터..

https://www.acmicpc.net/problem/10172

https://www.acmicpc.net/problem/10171 10171번: 고양이 아래 예제와 같이 고양이를 출력하시오. www.acmicpc.net 예제 출력칸에 있는 고양이 그대로 출력하기 print("\\ /\\") print(" ) ( ')") print("( / )") print(" \\(__)|") 역슬레시(\) 사용시 두 개를 연속해서 적어야(\\) 역슬레시 인식이 된다. 만약 역슬레시 1개만 사용시 컴파일에러 발생

앞으로 배울 CSS 속성 박스 모델 글꼴, 문자 배경 배치 플렉스(정렬) 전환 변환 띄움 애니메이션 그리드 다단 필터 📌 박스 모델 글자와 상자 : 요소가 화면에 출력되는 특성, 크게 2가지로 구분 인라인(inline) 요소: 글자를 만들기 위한 요소들 블록(block) 요소: 상자(레이아웃)를 만들기 위한 요소들 ✅ Inline 요소 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도 span tag: 글자를 쓰기 위한 가로 공간 확보 해주는 빈 tag에 가까움 요소가 수평으로 쌓임 ✅ Block 요소 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 요소 ✅ Inline-Block block 요소가 수직으로만 쌓이는 문제점을 해결하고자 나온 개념 디자인이 중요시 되면서 가로로 블..

📌 CSS SELECTOR ✅ 기본 선택자 전체 선택자 (*) 태그 선택자 (tag) class 선택자 (.) id 선택자 (#) ✅ 복합 선택자 일치 선택자 ABCXZY 선택자 ABC와 XYZ를 동시에 만족하는 요소 자식 선택자 ABC>XYZ 선택자 ABC의 자식 요소 XYZ 선택 후손 선택자 ABC XYZ 선택자 ABC의 하위 요소 XYZ 선택('띄어쓰기' 중요!) 인접 형제 선택자 ABC+XYZ 선택자 ABC의 다음 형제 요소 XYZ 하나를 선택 일반 형제 선택자 ABC~XYZ 선택자 ABC의 다음 형제 요소 XYZ 모두를 선택 ✅ 가상 클래스 선택자(Pseudo-classes) 사용자의 행동에 따라 변화하는 가상 상황에 따라서 요소 선택 시 각 요소의 상황에 따라 사용자가 원하는 요소를 선택 할 ..

📌 CSS 상속 ✅ 스타일 상속 자식 요소가 별도의 style 속성이 없을 경우, 부모의 속성 값을 그대로 상속하는 CSS 특성 (단, 상속이 되는 속성과 상속이 안되는 속성으로 구분) ✅ 상속되는 CSS 속성들 모두 글자/문자 관련 속성들(주의: 모든 글자/문자 속성은 아님) font-style: 글자 기울기 font-weight: 글자 두께 font-size: 글자 크기 link-height: 줄 높이 font-family: 폰트(서체) color: 글자 색상 text-align: 정렬 .. ✅ inherit 강제 상속 : 자동 상속 되지 않는 속성 값을 강제로 부모의 CSS 속성값을 그대로 상속하게 하는 방법 ✅ 선택자 우선 순위 참조 방식 우선 순위와는 다른 개념임 같은 HTML 요소가 여러 선택..

📌 Tag 선택 메뉴(드롭 다운)을 만드는 태그 : select 폼 생성 name: select : select 폼의 옵션 값 생성 value: 실제적으로 전달되는 값(컴퓨터가 읽는 값) selected: 최초에 선택된 값으로 설정 disabled: 옵션은 보이지만 선택을 못하도록 설정 : option을 그룹화 label: optgroup 이름 설정 예시 코드 black sliver skyblue pink