Goyummy

문제 링크 https://www.acmicpc.net/problem/10824 10824번: 네 수 첫째 줄에 네 자연수 A, B, C, D가 주어진다. (1 ≤ A, B, C, D ≤ 1,000,000) www.acmicpc.net 처음에 숫자를 문자열로 받아서 그 문자를 결합시켰다. 그리고 그 문자들을 숫자로 바꿔서 더했다. 정답 코드 import sys numbers = list(sys.stdin.readline().split()) number1 = numbers[0] + numbers[1] number2 = numbers[2] + numbers[3] result = int(number1) + int(number2) print(result)

문제 링크 https://www.acmicpc.net/problem/11655 11655번: ROT13 첫째 줄에 알파벳 대문자, 소문자, 공백, 숫자로만 이루어진 문자열 S가 주어진다. S의 길이는 100을 넘지 않는다. www.acmicpc.net 처음엔 알파벳 리스트를 직접 작성하여 그것을 바탕으로 이 문제를 풀어가려 했다. 하지만 이렇게 하면 코드가 복잡해보였다. 그래서 해결방법을 알아보던 중 아스키 코드로 해결하는 방법을 보고 아스키 코드를 이용하여 해결했다. 처음에 잘못 짠 코드 for s in string: if s.isupper(): now_index = alphabet.index(s.lower()) password_index = now_index + 13 if password_index ..

문제 링크 https://www.acmicpc.net/problem/2743 import sys string = sys.stdin.readline() print(len(string)-1)

문제 링크 https://www.acmicpc.net/problem/10820 10820번: 문자열 분석 문자열 N개가 주어진다. 이때, 문자열에 포함되어 있는 소문자, 대문자, 숫자, 공백의 개수를 구하는 프로그램을 작성하시오. 각 문자열은 알파벳 소문자, 대문자, 숫자, 공백으로만 이루어져 있 www.acmicpc.net 이번 문제는 처음에 반복 횟수를 입력하지 않는다. 그래서 입력이 없을 경우에 반복을 끝내야한다. 이것을 if not string: 을 이용하여 입력받는 문자열의 변수명이 string이므로 string이 없다면 break하도록 하였다. import sys while True: string = sys.stdin.readline().rstrip("\n") if not string: bre..

배울 점, 기억할 점 text-decoration: none; 하이퍼링크의 밑줄이 사라진다. color: inherit; 부모의 색을 가져옴. nav 태그는 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네이게이션 링크들의 집합을 정의할 때 사용. ul과 li 사용. text-transform: uppercase; 대문자로 만들기. space-between은 글자 수에 따라 배열이 중앙 정렬이 안될 수도 있음. margin의 방향을 고려해서 margin-left:auto; 와 margin-right: auto; 를 사용하면 글자 수와 무관하게 중앙 정렬이 됨. 이전 html 페이지로 연결되게 하려면 href 값으로 "javascript:history.back();" 을 주면 된다. position..

배울 점, 기억할 점 border-radius와 box-shadow: inset을 통해 곡면에 입체감을 줄 수 있다. overflow-x 속성으로 width를 초과한 부분을 어떻게 처리할 지 설정할 수 있다. visible: 기본값으로 내용이 잘리지 않음. 넘치는 내용은 밖으로 흘러 넘침. hidden: 내용이 잘림. x축의 스크롤바가 나타나지 않음. scroll: 내용이 잘림. x축의 스크롤바가 나타남. auto: 내용이 잘림. 필요할 때만 x축의 스크롤바가 나타남. display: flex;는 display: block;은 함께 적용시킬 수 없다. element들이 겹치게 하려면 position: absolute; container에 relative 잊지않기! absolute는 가장 가까운 relat..

배울 점, 기억 할 점 저번 과제에서 상단의 ‘Playlist’ 가 가운데 정렬이 잘 안되었다. 이것은 text-align으로도 해결이 가능했다. reset.css : 대부분의 태그에 margin : 0, padding : 0, border : 0 등을 가진 css 파일. 브라우저에 의해 적용되는 스타일을 원하지 않기 때문에. style.css 파일에 @import “reset.css” 적어야함. input이 focus 되었을 때, input의 outline을 제거하려면, outline: none;을 input: focus{} 에 추가한다. 계속 써야하는 색이 있다면 variables.css 파일을 따로 만들어서 :root { ---yellow: #_123123;} 을 적어둔다. 색을 사용할 때는 var..

배울 점, 기억 할 점 id나 class 이름을 지을 때는 너무 일반적인 이름, 자주 사용되는 이름은 지양하기. 이름을 길게 언더바를 이용해서 짓는 것을 추천. ex ) status-bar__column BEM : Block__Element—Modifier class만 사용함. element는 block을 구성하는 단위. modifier는 block이나 element의 속성 담당. 단점은 class가 엄청 커질 수 있다는 것. ex ) block : .search-form element : .search-form__input , .search-form__button modifier : .search-form—color-orange(key-value 타입), .search-form—focused(boole..

배울 점, 기억 할 점 Element State avtive는 누르고 있을 때. hover는 마우스가 위에 있을 때. 클릭이 아님. focus는 키보드로 선택되었을 때. visited는 링크에만 적용됨. 방문했을 때 하이퍼링크의 상태 변경 focus-within은 focused인 자식을 가진 부모의 상태. button:active { } button을 누르고 있을 때, button의 스타일 변경. form:hover input { } form 위에 마우스가 올라가고, 그 안에 input이 있을 때, input 스타일 변경. form:hover input:focus { } form 위에 마우스가 올라가고, input이 키보드로 선택되었을 때, input의 스타일 변경. css에서 변수 선언 —로 시작해서 ..

배울 점, 기억할 점 position 1. position : fixed 스크롤을 내려도 그 위치에 고정 2. position: relative 엘레멘트가 처음 생성된 위치를 기준으로 top, bottom, left, right로 위치 수정 가능 3. position: absolute 가장 가까운 relative 부모를 기준으로 top, bottom, left, right로 위치 수정 가능 position: relative를 쓰면 부모가 된다. pseudo selector: id나 class 없이 엘레멘트 선택 가능 ex) div:first-child { } 첫번째 자식 div:last-child { } 마지막 자식 span:nth-child(2) { } 2번째 자식 span:nth-child(even)..