[백준✨] 10825번 <국영수> / Python 문제풀이
해답) import sys def input(): return sys.stdin.readline().rstrip() scores = [] for _ in range(int(input())): name, kor, eng, math = input().split() kor, eng, math = map(int, [kor, eng, math]) ''' 정렬의 우선순위는 1. 국어 내림차순 2. 영어 오름차순 3. 수학 내림차순 4. 이름 오름차순 이 순서에 맞게 튜플 형태로 리스트에 넣어준다. ''' scores.append((kor, eng, math, name)) result = sorted( scores, key=lambda score: (-score[0], score[1], -score[2], score..
2020. 9. 22.
[백준✨] 1106번 <제곱ㄴㄴ수> / Python 문제풀이
해답) import sys import math def input(): return sys.stdin.readline().rstrip() MIN, MAX = map(int, input().split()) last = int(math.floor(math.sqrt(MAX))) # 마지막 후보 제곱수, MAX보다 작은 last*last ''' MIN 부터 MAX까지 아리스토 체를 구현한다. res[0] == res[MIN] 이걸 의미하게 하기 위해 넣어줄 떄 res[n-MIN] 을 해준다. ''' res = [True for i in range(MAX-MIN+1)] for i in range(2, last+1): zegop = i * i mok = MIN // zegop # 몫을 1씩 높여주며 걸러준다. wh..
2020. 9. 15.
[React🌌] 리액트 공식문서 함께 읽기 📘 / 4️⃣ - 리액트는 순수함수다 /
순수함수란? 순수 함수는 함수형 프로그래밍에서 자주 사용되는 개념입니다. 함수 중에서도 함수 내부의 명령들을 실행했을 때, 외부에 영향을 주지 않는 함수들을 순수함수라고 하죠. 전역 변수를 건들인다거나, 들어온 input 상태를 바꾼다거나 하면 전부 순수함수가 아닙니다! 함수형 프로그래밍은 input => output / output이 다시 다른함수의 input 으로 => output / 이런식으로 구현이 되기 때문에 함수는 들어온 input 에 맞게 정해진 일을 해서 그에 따른 output 을 내놓아야만 합니다! 순수함수의 예 function sub(n1, n2) { return n1 - n2; } Input인 n1 과 n2 에 따라 정해진 output 을 반환하고, 외부에 전혀 영향을 주지 않기 때문..
2020. 9. 8.
[HTML] a 태그 새 창에서 실행 / a 태그 속성 / target="_blank"
a 태그란? 다들 알고계실테지만 a태그는 하이퍼링크 를 만들어주는 태그입니다. 보통 다른 페이지로 갈 때 사용하긴 하지만 사실 하이퍼링크라는 것은 꼭 다른 페이지일 필요가 없습니다. 같은 페이지 내에 요소로 접근도 가능하고, 파일이나 이메일 주소로도 접근할 수 있습니다! href 외에 유용한 props 가장 흔한 href는 다들 아실테니 생략하겠습니다😀 그 외에 유용한 태그에는 download와 target이 있습니다. download 링크로 이동하는 것이 아니라, 사용자에게 URL을 저장할지 물어볼 수 있습니다. 브라우저에서 마우스 우클릭하고 다른 이름으로 링크 저장 을 실행하는 것과 같습니다! 설명이 너무 잘 돼있는 링크가 있어서 첨부합니다! taegon.kim/archives/5178 [HTML5]..
2020. 9. 7.
[React🌀] React로 2048 게임 만들기 ! 🎮 / 5️⃣ - 키 입력받기
키 입력💥 이제 키를 입력받아서 구현해뒀던 함수들을 쓸 수 있게 만들어봅시다. 방향키를 누르면 그에 따라 게임판이 바뀌고, 아래 사진처럼 게임판 양쪽에 있는 전광판에 무슨 키를 눌렀는지도 나오게 해볼거에요! Arrow 스타일링 const ArrowContainer = styled.div` display: inline-block; position: absolute; top: 50%; right: 30px; background: #ea5455; width: 50px; height: 50px; text-align: center; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5p..
2020. 9. 6.
[React🌌] 리액트 공식문서 함께 읽기 📘 / 3️⃣ - 엘리먼트란?
엘리먼트란? 엘리먼트는 React 앱의 가장 작은 단위입니다. 갖춰져있는 React 개발환경에서 개발을 하다보면 컴퍼넌트는 엄청 자주써도, 엘리먼트에 대한 개념은 모호할 수 있습니다. (제가 그랬거든요 ㅎㅎ 😂 React 엘리먼트는 일반 객체입니다. 예를들자면 아래 예시의 color 는 엘리먼트입니다. 그리고 ReactDOM 을 통해 전달되죠. const color = 파란색 ReactDOM.render(color, document.getElementById("blue")) React 에서는 브라우저의 DOM 과 별개로 React DOM 이 존재합니다. React DOM 은 React Element 내용과 일치하도록 DOM을 업데이트 합니다! React DOM 에 렌더링을 해보자! index.html ...
2020. 9. 4.
[React🌀] React로 2048 게임 만들기 ! 🎮 / 4️⃣ - 테마 설정하기
테마를 만들어보자! 제가 만드는 2048 게임의 2번째 차별점입니다, 기존의 2048 게임은 항상 똑같은 색깔이라 그런지 계속하다보면 밋밋한 기분이 들죠. 그래서 뭔가 버튼 클릭에 따라서 맵도 바뀌고 테마도 이쁘게 바뀌었으면 하는 생각을 해봤습니다. 그런데 정작 제 자신이 디자인알못이라 테마에 들어갈 색을 이쁘게 고르지는 못한다는 허점이 있네요 ㅎㅎㅎㅎ 😂 타일별로 색 설정하기 완성 모습을 보시면 타일별로 색깔이 다 다릅니다. 그렇다고 해서 숫자 셀 하나하나를 컴퍼넌트로 설정하면 불편하겠죠? 저희는 Styled-component 를 이용해서 구현합시다! 레벨 별 색 설정 먼저 단계별 무슨 색상을 할 것인지 설정해줍시다. 직접 고르는거보다 요즘은 색 고르는데에 도움을 주는 파레트 사이트가 좋은게 많으니 참..
2020. 9. 2.
[Python] 파이썬 Queue와 deque 속도 /
새벽 3시까지 1시간넘게 이거 하나로 고민하다가 저 같이 고생하지 않으셨음 하는 바람에 글을 씁니다.. 😥 파이썬 큐 저는 주로 파이썬으로 코딩테스트를 풉니다. 코테에서는 큐, 스택 모두 많이 쓰이죠. 파이썬에서 지원하는 큐 자료구조에는 Queue 가 있고, deque 라는 친구가 있죠. Queue는 단순히 put과 get으로 넣고, 가장 먼저 들어왔던 놈을 빼주는 기능만을 지원하는 반면에 deque 는 스택처럼 FIFO, 큐처럼 LILO 를 모두 구현할 수 있는 유용한 친구입니다. 여러분은 두 모듈중에 어떤게 빠른 것 같으시나요? 저는 당연히 좀더 복합적인 기능을 가진 deque 가 더 느릴줄 알았습니다...만!!!!!!! ✨ 사실은 deque 가 훨씬 빠릅니다, 코테에선 deque를 씁시다! ✨ ww..
2020. 9. 1.
[백준✨] 10825번 <국영수> / Python 문제풀이
해답) import sys def input(): return sys.stdin.readline().rstrip() scores = [] for _ in range(int(input())): name, kor, eng, math = input().split() kor, eng, math = map(int, [kor, eng, math]) ''' 정렬의 우선순위는 1. 국어 내림차순 2. 영어 오름차순 3. 수학 내림차순 4. 이름 오름차순 이 순서에 맞게 튜플 형태로 리스트에 넣어준다. ''' scores.append((kor, eng, math, name)) result = sorted( scores, key=lambda score: (-score[0], score[1], -score[2], score..
[백준✨] 1106번 <제곱ㄴㄴ수> / Python 문제풀이
해답) import sys import math def input(): return sys.stdin.readline().rstrip() MIN, MAX = map(int, input().split()) last = int(math.floor(math.sqrt(MAX))) # 마지막 후보 제곱수, MAX보다 작은 last*last ''' MIN 부터 MAX까지 아리스토 체를 구현한다. res[0] == res[MIN] 이걸 의미하게 하기 위해 넣어줄 떄 res[n-MIN] 을 해준다. ''' res = [True for i in range(MAX-MIN+1)] for i in range(2, last+1): zegop = i * i mok = MIN // zegop # 몫을 1씩 높여주며 걸러준다. wh..
[React🌌] 리액트 공식문서 함께 읽기 📘 / 4️⃣ - 리액트는 순수함수다 /
순수함수란? 순수 함수는 함수형 프로그래밍에서 자주 사용되는 개념입니다. 함수 중에서도 함수 내부의 명령들을 실행했을 때, 외부에 영향을 주지 않는 함수들을 순수함수라고 하죠. 전역 변수를 건들인다거나, 들어온 input 상태를 바꾼다거나 하면 전부 순수함수가 아닙니다! 함수형 프로그래밍은 input => output / output이 다시 다른함수의 input 으로 => output / 이런식으로 구현이 되기 때문에 함수는 들어온 input 에 맞게 정해진 일을 해서 그에 따른 output 을 내놓아야만 합니다! 순수함수의 예 function sub(n1, n2) { return n1 - n2; } Input인 n1 과 n2 에 따라 정해진 output 을 반환하고, 외부에 전혀 영향을 주지 않기 때문..
[HTML] a 태그 새 창에서 실행 / a 태그 속성 / target="_blank"
a 태그란? 다들 알고계실테지만 a태그는 하이퍼링크 를 만들어주는 태그입니다. 보통 다른 페이지로 갈 때 사용하긴 하지만 사실 하이퍼링크라는 것은 꼭 다른 페이지일 필요가 없습니다. 같은 페이지 내에 요소로 접근도 가능하고, 파일이나 이메일 주소로도 접근할 수 있습니다! href 외에 유용한 props 가장 흔한 href는 다들 아실테니 생략하겠습니다😀 그 외에 유용한 태그에는 download와 target이 있습니다. download 링크로 이동하는 것이 아니라, 사용자에게 URL을 저장할지 물어볼 수 있습니다. 브라우저에서 마우스 우클릭하고 다른 이름으로 링크 저장 을 실행하는 것과 같습니다! 설명이 너무 잘 돼있는 링크가 있어서 첨부합니다! taegon.kim/archives/5178 [HTML5]..
[React🌀] React로 2048 게임 만들기 ! 🎮 / 5️⃣ - 키 입력받기
키 입력💥 이제 키를 입력받아서 구현해뒀던 함수들을 쓸 수 있게 만들어봅시다. 방향키를 누르면 그에 따라 게임판이 바뀌고, 아래 사진처럼 게임판 양쪽에 있는 전광판에 무슨 키를 눌렀는지도 나오게 해볼거에요! Arrow 스타일링 const ArrowContainer = styled.div` display: inline-block; position: absolute; top: 50%; right: 30px; background: #ea5455; width: 50px; height: 50px; text-align: center; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5p..
[React🌌] 리액트 공식문서 함께 읽기 📘 / 3️⃣ - 엘리먼트란?
엘리먼트란? 엘리먼트는 React 앱의 가장 작은 단위입니다. 갖춰져있는 React 개발환경에서 개발을 하다보면 컴퍼넌트는 엄청 자주써도, 엘리먼트에 대한 개념은 모호할 수 있습니다. (제가 그랬거든요 ㅎㅎ 😂 React 엘리먼트는 일반 객체입니다. 예를들자면 아래 예시의 color 는 엘리먼트입니다. 그리고 ReactDOM 을 통해 전달되죠. const color = 파란색 ReactDOM.render(color, document.getElementById("blue")) React 에서는 브라우저의 DOM 과 별개로 React DOM 이 존재합니다. React DOM 은 React Element 내용과 일치하도록 DOM을 업데이트 합니다! React DOM 에 렌더링을 해보자! index.html ...
[React🌀] React로 2048 게임 만들기 ! 🎮 / 4️⃣ - 테마 설정하기
테마를 만들어보자! 제가 만드는 2048 게임의 2번째 차별점입니다, 기존의 2048 게임은 항상 똑같은 색깔이라 그런지 계속하다보면 밋밋한 기분이 들죠. 그래서 뭔가 버튼 클릭에 따라서 맵도 바뀌고 테마도 이쁘게 바뀌었으면 하는 생각을 해봤습니다. 그런데 정작 제 자신이 디자인알못이라 테마에 들어갈 색을 이쁘게 고르지는 못한다는 허점이 있네요 ㅎㅎㅎㅎ 😂 타일별로 색 설정하기 완성 모습을 보시면 타일별로 색깔이 다 다릅니다. 그렇다고 해서 숫자 셀 하나하나를 컴퍼넌트로 설정하면 불편하겠죠? 저희는 Styled-component 를 이용해서 구현합시다! 레벨 별 색 설정 먼저 단계별 무슨 색상을 할 것인지 설정해줍시다. 직접 고르는거보다 요즘은 색 고르는데에 도움을 주는 파레트 사이트가 좋은게 많으니 참..
[Python] 파이썬 Queue와 deque 속도 /
새벽 3시까지 1시간넘게 이거 하나로 고민하다가 저 같이 고생하지 않으셨음 하는 바람에 글을 씁니다.. 😥 파이썬 큐 저는 주로 파이썬으로 코딩테스트를 풉니다. 코테에서는 큐, 스택 모두 많이 쓰이죠. 파이썬에서 지원하는 큐 자료구조에는 Queue 가 있고, deque 라는 친구가 있죠. Queue는 단순히 put과 get으로 넣고, 가장 먼저 들어왔던 놈을 빼주는 기능만을 지원하는 반면에 deque 는 스택처럼 FIFO, 큐처럼 LILO 를 모두 구현할 수 있는 유용한 친구입니다. 여러분은 두 모듈중에 어떤게 빠른 것 같으시나요? 저는 당연히 좀더 복합적인 기능을 가진 deque 가 더 느릴줄 알았습니다...만!!!!!!! ✨ 사실은 deque 가 훨씬 빠릅니다, 코테에선 deque를 씁시다! ✨ ww..