전체 글 125

백준- 단계별로 풀어보기| 1단계- 입출력과 사칙연산-02

단계 문제 번호 제목 코드 10 2588 곱셈 a = int(input()) b = int(input()) num_list = list(map(int,str(b))) print(num_list[2]*a) print(num_list[1]*a) print(num_list[0]*a) print(a*(num_list[2] + 10*num_list[1] +100*num_list[0])) 빈 칸에 들어갈 수는? 11 11382 꼬마 정민 a, b, c = map(int,input().split()) print(a+b+c) 더 큰 수를 더하는 문제 12 10171 고양이 print('\\ /\\') print(" ) ( ')") print('( / )') print(' \\(__)|') \, ' 등의 문자에 주의하며..

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-04 | CSS 간단한 웹페이지 구현

1. 먼저 깃을 설치한다. A. 윈도우: https://git-scm.com/ a. 위 페이지에서 비트에 맞게 설치 b. git --version 쳐서 잘 깔렸는지 확인 B. mac: macOS 용 패키지 관리자 — Homebrew a. 위에 있는 걸 복사해서 커맨드 창에 복붙한다. b. brew install git 친다. c. 근데 M1은 오류가 날 수 있다. 그러면 eval 치고 다음 brew install git 쳐준다. d. git --version 쳐서 잘 깔렸는지 확인 2. 깃을 세팅한다. #1.공통 git config --global init.defaultBranch main #2 #윈도우만 git config --global core.autocrlf true #맥만 git config -..

프론트앤드/CSS 2023.03.08

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-04 | CSS Animation

1. @keyframes란? - CSS의 애니메이션 효과를 개발자가 직접 지정하는 기능이다. - 애니메이션의 중간 지점마다 CSS 속성 값을 지정하여 세밀하게 애니메이션을 조절하는 기능 - 키프레임을 변수에 선언하고 해당 변수를 CSS 에서 불러와서 사용할 수 있다. 2. @keyframes에서 설정되는 값 - to/ from - 0% ~ 100% 3.Animation의 속성? 1) animation-name(이름): keyframes로 지정한 애니메이션 이름 2) animation-duration(지속시간): 애니메이션 지속 시간 3) animation-delay(지연 시간): 애니메이션 시작 전 지연 시간 4) animation-iteration-count(반복횟수): 반복 횟수를 지정, 소수점 가능..

프론트앤드/CSS 2023.03.07

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-03 | CSS Transition

1. transition: 요소의 전환(시작과 끝) 효과를 지정하는 단축 속성 - 사용 방법: transition: 속성명 지속시간 타이밍 함수 대기 시간; 순 - transition: transition-property, transition-duration, transition-timing-function, transition-delay 2.transition-property: 전환 효과를 사용할 속성 이름 지정 - transition-property: all - 모든 속성에 적용 - transition-property: 속성이름 - 전환 효과를 사용할 속성 이름 명시 3.transition-duration: 전환 효과의 지속시간을 지정 - transition-duration: 0s - 전환 효과 없음..

프론트앤드/CSS 2023.03.07

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-02 | CSS Transform

1. transform: 요소의 변환 효과 지정 - 사용 방법: transform: 원근법 이동 크기 회전 기울임 순 2. 2D 변환 함수 * px로 지정 - transform: translate(x,y) - 이동(x축, y축) - transform: translateX(x) - 이동(x축) - transform: translateY(y) - 이동(y축) * 없음(배수) - transform: scale(x,y) - 크기(x축, y축) - (transform: scale(x) - 크기(x축)) - (transform: scale(y) - 크기(y축)) * deg - transform: rotate(degree) - 회전(각도) - (transform: skew(x,y) - 기울임(x축, y축)) - tr..

프론트앤드/CSS 2023.03.07

[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-01 | CSS Flex

1. display:flex:수평 정렬하게 한다. 2. flex-direction: 주축을 설정한다. - flex-direction:row - 행축(좌 > 우)로 정렬시킨다. - flex-direction:row-reverse - 행축(우 > 좌)로 정렬시킨다. / 순서가 반전됨 - flex-direction:column - 열축(위 > 아래)로 정렬시킨다. - flex-direction:column-reverse - 열축(아래 > 위)로 정렬시킨다. / 순서가 반전됨 3. flex-wrap: flex items 묶음(줄 바꿈) 여부 - flex-wrap:nowrap - 묶음(줄 바꿈) 없음. - flex-wrap:wrap - 줄바꿈 있음, 여러 줄로 묶음 - (flex-wrap:wrap-reverse ..

프론트앤드/CSS 2023.03.07

백준- 단계별로 풀어보기| 1단계- 입출력과 사칙연산-01

단계 번호 제목 코드 1 2557 Hello World print('Hello World!') Hello World!를 화면에 출력하는 문제 (예제 출력과 똑같이 출력해야 합니다.) 2 1000 A+B a, b = map(int,input().split()) print(a+b) 두 수를 입력받고 합을 출력하는 문제 3 1001 A-B a, b = map(int,input().split()) print(a-b) 두 수를 입력받고 뺄셈을 한 결과를 출력하는 문제 4 10998 A×B a, b = map(int,input().split()) print(a*b) 곱셈 문제 5 1008 A/B a, b = map(int,input().split()) print(a/b) 나눗셈 문제. 이 문제에는 "스페셜 저지" ..