le récit de ellie

Summer/Winter Coding(2019) 코딩테스트 연습 - 멀쩡한 사각형 | 프로그래머스 (programmers.co.kr) 코딩테스트 연습 - 멀쩡한 사각형 가로 길이가 Wcm, 세로 길이가 Hcm인 직사각형 종이가 있습니다. 종이에는 가로, 세로 방향과 평행하게 격자 형태로 선이 그어져 있으며, 모든 격자칸은 1cm x 1cm 크기입니다. 이 종이를 격자 선을 programmers.co.kr 초5 수학 경시대회를 풀 수 있는 수학적 능력이 요구된다,,,ㅎ [초5경시] 대각선이 지나는 격자점의 개수 -청주 금천동(금천광장) 수학학원 ★오르비수학★ : 네이버 블로그 (naver.com) [초5경시] 대각선이 지나는 격자점의 개수 -청주 금천동(금천광장) 수학학원 ★오르비수학★ -금천동(금천광장)..

2021 Dev-Matching: 웹 백엔드 개발자(상반기) 코딩테스트 연습 - 로또의 최고 순위와 최저 순위 | 프로그래머스 (programmers.co.kr) 코딩테스트 연습 - 로또의 최고 순위와 최저 순위 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 1 순위 당첨 내용 1 6개 번호가 모두 일치 2 5개 번호 programmers.co.kr def solution(lottos, win_nums): count = 0 blank = 0 for l in lottos: # 알아볼 수 없는 번호 if l == 0: blank += 1 # 알아볼 수 있는 번호 else: # 번호가 일치 할 경우 if l..

엘리먼트를 정 가운데에 위치시켜야할 때가 많다. 이럴 때 보통 다음과 같은 방법을 생각 할 수 있지만, 이 방법을 사용해도 정 가운데 위치하지 않는다. position: absolute; top: 50%; left: 50%; 다음과 같이 한 줄만 더 추가해주면 정 가운데에 위치 시킬 수 있다!! position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);

개념잡기 Web Club :: CSS 애니메이션(Animation), 키프레임(keyframes) (tistory.com) CSS 애니메이션(Animation), 키프레임(keyframes) CSS3 애니메이션은 요소에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프레임 webclub.tistory.com 애니메이션 모음 소셜 미디어 아이콘 클릭 효과 Social Media Icons (HTML and CSS) (codepen.io) Social Media Icons (HTML and CSS) In this pen I create social media links with effets. Cl..

오늘은 웹 프로젝트에서 폰트를 적용할 때 유용한 구글 웹 폰트의 사용 방법을 알아보자!! Browse Fonts - Google Fonts Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 원하는 폰트와 굵기를 선택해 다운 받지 않고도 와 @import 방식으로 적용할 수 있다. @import CSS 파일에 다음과 같이 적용하면 전체 글씨에 해당 폰트를 적용 할 수 있다. /* Font */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=..

리액트 다큐멘테이션 About the Documentation | Create React App (create-react-app.dev) About the Documentation | Create React App Welcome to the Create React App documentation! create-react-app.dev 프로젝트 구조 잡기 3-2. 프로젝트 구조 잡기 · GitBook (vlpt.us) 3-2. 프로젝트 구조 잡기 · GitBook 이번 섹션에서는 프로젝트를 생성하고 기본적인 설정을 해보도록 하겠습니다. create-react-app 을 통하여 프로젝트를 생성하고, 앞으로 우리가 필요한 모듈들을 설치해주세요. 뭔가, 의존 모듈이 redux-advanced.vlpt.us 절대..

📌 코딩테스트 연습 - 거리두기 확인하기 | 프로그래머스 (programmers.co.kr) ✔️ 맨해튼 거리 T1 (r1, c1), T2 (r2, c2)일때, T1, T2 사이의 맨해튼 거리는 |r1 - r2| + |c1 - c2| 이다. → 맨해튼 거리가 2 = 좌표를 두번 이동하는 거리 ✔️ 파이썬에서는 String이 시퀀스 타입이므로 인덱스로 접근할 수 있다. → 내부적으로 리스트로 취급된다. → 1번 대기실의 (0, 0) = places[0][0][0] 📁 풀이!! 1. "P" 일 경우 - 상하좌우 확인 - 맨해튼거리 1 - "X" : continue - "P" : return 0 - 상하좌우 확인 다시 반복 - 맨해튼거리 2 2. 모두 통과할 경우 return 1 📌 python code

📁 탐욕법 (그리디, Greedy) ✔️ 매 순간 가장 좋아보이는 것을 선택한다.

📁 객체 지향 프로그래밍(Object Oriented Programming, OOP) 📁 객체(Object) ✔️ 숫자에서 함수까지 파이썬의 모든 것은 객체다. num = 7을 입력했을 때 7이 담긴 정수 유형의 객체를 생성하고 객체 참조(object reference)를 num에 할당한다. ✔️ 객체는 데이터(변수, 속성)와 코드(함수, 메서드)를 포함하는 커스텀 자료구조이다. 함수 : 객체 외의 코드 뭉치 메서드 : 클래스 안의 멤버 외의 코드 뭉치 ✔️ 객체는 구체적인 어떤 것의 유일한 인스턴스(instance)를 가리킨다. ✔️ 객체는 정의된 클래스를 통해 생성된다. 객체 != 클래스 📁 클래스(Class) ✔️ 객체의 틀을 나타낸다. class Cat: pass ✔️ Cat()은 Cat 클래스로..

목차 1. DB 초기화 📄 flask db init (Flask) D:\flask\watchu_db\watchu_db>flask db init Creating directory D:\flask\watchu_db\watchu_db\migrations ... done Creating directory D:\flask\watchu_db\watchu_db\migrations\versions ... done Generating D:\flask\watchu_db\watchu_db\migrations\alembic.ini ... done Generating D:\flask\watchu_db\watchu_db\migrations\env.py ... done Generating D:\flask\watchu_db\watc..