분류 전체보기

CRA ( create-react-app) 를 사용하고 있지 않다면 이 블로그 포스팅이 도움이 될 것이다. 1. React 17 이전 function Hello() { return Hello, world!; } 위 코드는 jsx 문법을 이용하고 있으며 이는 babel을 통해 js로 변환된다. function Hello() { return React.createElement('h1', null, 'Hello, world!'); } 위와같이 변환이 되는데 import React from 'react' 를 생략한다면 React를 읽을 수 없다는 에러메세지가 출력된다. 이를 해결하기 위해서 모든 js파일에 react를 import 를 해주어야 했다. 1. React 17 이후 리액트는 17버전 이후부터 아래와 ..

width auto See the Pen css auto and % by Taejin Kim (@kimtaejin3) on CodePen. 위에서 block element를 하나 만들어 주고 안에 글자까지 채워 놓았다. body의 containg box만큼 가득찬 것을 확인할 수 있다 width 프로퍼티의 기본값이 auto이기 때문이고 width: auto의 의미는 부모의 containg box만큼의 영역을 다 채운다는 의미이다. See the Pen auto and %02 by Taejin Kim (@kimtaejin3) on CodePen. auto의 신기한 점은 위와같이 margin-left를 주면, margin 을 적용함과 동시에 부모영역을 벗어나지 않고 꽉채운다. 그렇다면 %는 어떨까? See ..

개요 혼자 온라인 강의를 보며 css를 공부했을 때는 cascade의 의미를 정확하게 이해하지 못했다. 막연하게 Selector가 더 정확한 것. 더 아래에 작성된 것이 우선순위가 높다는 지식만 가지고 있었다. specificity의 개념을 모르고 있었던 것이다. cascading mdn에서 cacading에 대한 설명은 아래와 같다. The cascade is an algorithm that defines how user agents combine property values originating from different sources. 즉, 최종적으로 요소에 적용이 되는 스타일을 어떻게 정하는 가에 대한 알고리즘이다. 만약 서로 같은 요소를 가리키는 selector의 property가 겹친다면 어떤..

그리디 알고리즘은 탐욕법으로 현재 상황에서 지금 당장 좋은 것만 고르는 방법이다. 매 순간 가장 좋아 보이는 것을 선택하며, 현재의 선택이 나중에 미칠 영향에 대해서는 고려하지 않는다. - 이것이 코딩테스트다 with 파이썬 중에서 - 그리디를 공부하나보니 그리디 자체는 그래프나 정렬문제처럼 정해진 풀이법이 있는 것은 아니다 그리디는 전체조건이나 부분조건에서 한 가지 자신이 구성한 로직이 그리디의 정당성에 부합하고 그것이 곧 최적의 답일때 유효한 것이다 내가 그리디 알고리즘을 어렵게 느끼는 이유는 그리디를 위한 로직의 유형이 다양하다는 데 있을 것이다. 거스름돈 문제같은 간단한 문제 뿐만 아니라 다익스트라 알고리즘도 그리디이기 때문이다. 그리디 알고리즘은 동적 프로그래밍 사용 시 지나치게 많은 일을 한다..

코드 ''' 세탁소 사장 동혁 https://www.acmicpc.net/problem/2720 ''' t = int(input()) m = [25,10,5,1] for _ in range(t): result = [] n = int(input()) for i in m: result.append(str(n//i)) n %= i print(' '.join(result)) 해설 이 문제는 그리디 문제이다. 그리디하게 가장 단순하게 생각해서 최대한 적게 주어야 한다면 가장 큰 단위를 최대한 많이 주는 것이다. 예를들어 돈의 단위가 10과 1이 있다고 해보자 거슬러 주어야 할 돈이 20이라 해보자. 최대한 적게 주어야 한다면 10을 최대한 많이 주어야 한다. 따라서 10을 2개주면 된다. 이에따라 결론을 내리자면..

https://www.acmicpc.net/problem/9095 9095번: 1, 2, 3 더하기 각 테스트 케이스마다, n을 1, 2, 3의 합으로 나타내는 방법의 수를 출력한다. www.acmicpc.net 위 문제는 숫자 1,2,3으로 특정 숫자를 만들 수 있는 경우의 수를 구하는 문제이다. 예를들어 4라면 1+1+1+1 1+1+2 1+2+1 2+1+1 2+2 1+3 3+1 총 7개가 된다. 이 문제는 다이나믹 프로그래밍으로 분류가 된다. 1,2,3으로 만들어야 하는 숫자가 n이라 해보자. n = 1 일때는 1 n = 2 일때는 2 n = 3 일때는 4 n = 4 일때는 7 n = 4인 경우는 n이 1일 때와 2일 때와 3일때를 더한 경우와 같다. 따라서 아래와 같은 점화식을 유도할 수 있고 코드..

파이썬에서 문자열 인덱싱을 하는 방법 방법은 매우 간단합니다 s = 'her name is lee na kyeong' 위와같이 문자열 변수에 문자열을 할당하고 나서 s[0],s[1],... s[24] 이런식으로 인덱싱을 하면 됩니다. 중요한 것은 인덱스가 0부터 시작하여 s의 경우 s[0]일 경우, 그 값은 h가 된다는 것입니다. 또한 이 때문에 s 문자열의 길이가 25이기에 최대 24까지의 인덱스를 가질 수 있습니다. 0부터 시작하는 이유는 다음과 같습니다. 문자열은 우선 메모리에 저장될테고 메모리 주소를 통해 참조가 됩니다. 첫 글자의 경우 문자열이 시작하는 주소에서 0칸 떨어져 있기 때문입니다. 0

len() 함수 이용 사용법 s = 'hello world' len(s) # 11 공백포함 전체 문자열 길이