본문 바로가기

전체 글489

[프로그래머스 | 파이썬] 카펫 (완전탐색 / level 2) 문제 https://school.programmers.co.kr/learn/courses/30/lessons/42842 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 코드 def solution(brown, yellow): answer = [] for i in range(3, int((brown + yellow)**0.5)+1): if (brown + yellow) % i == 0 and (i-2) * (((brown+yellow) // i) - 2) == yellow: answer = [(brown+yellow) // i, i] return answer.. 2022. 12. 28.
[ZeroCho] ES2021 자바스크립트 강좌 10장 클래스_텍스트 RPG 게임 만들기 보호되어 있는 글 입니다. 2022. 8. 8.
[ZeroCho] ES2021 자바스크립트 강좌 9-8,9강. 셀프 체크 - 컴퓨터의 턴 만들기, 생각하는 척하는 컴퓨터 만들기 보호되어 있는 글 입니다. 2022. 8. 2.
[Spring Boot] 스프링부트 프로젝트 생성 🔰 프로젝트 생성 🔆 스프링 부트 스타터 사이트로 이동해 스프링 프로젝트 생성 https://start.spring.io/ 🟡 스프링 부트 스타터 스프링 기반 프로젝트를 만들어 주는 사이트. spring에서 운영 🟡 스프링 부트 스타터 화면 💠 Project 1. Maven / Gradle 필요한 라이브러리를 가져오고, 빌드하는 라이프 사이클까지 관리해 주는 도구 최근에는 Gradle을 더 많이 사용하는 추세 2. Spring Boot SNAPSHOT: 만들고 있는 버전, 정식 버전 X M1: 정식 버전 X 2.7.1 : 정식 배포 버전 3. Project Metadata Group: 기업 도메인명 Artifact: 빌드되어 나온 결과물 4. Dependencies 필요한 라이브러리 선택 Spring W.. 2022. 7. 6.
[ZeroCho] ES2021 자바스크립트 강좌 9장 이차원 배열 다루기_틱택토 게임 보호되어 있는 글 입니다. 2022. 7. 6.
[ZeroCho] ES2021 자바스크립트 강좌 8-6강. 셀프 체크 - 속도 순으로 정렬하기 보호되어 있는 글 입니다. 2022. 7. 5.
[ZeroCho] ES2021 자바스크립트 강좌 8장 Date 사용하기_반응속도 테스트 보호되어 있는 글 입니다. 2022. 7. 5.
[ZeroCho] ES2021 자바스크립트 강좌 7-6강. 셀프 체크 - 3판 2선승제로 만들기 보호되어 있는 글 입니다. 2022. 7. 4.
[ZeroCho] ES2021 자바스크립트 강좌 7장 객체 다루기_가위바위보 게임 보호되어 있는 글 입니다. 2022. 7. 4.
CSS Flex Box Container에 적용되는 속성 값 display flex-direction flex-wrap flex-flow justify-content align-items align-content Item에 적용되는 속성 값 order : 순서 지정 flex-grow flex-shrink flex align-self 중심축main axis (수평) → (수직) ↓ 반대축cross axis (수직) ↓ (수평) → div*10 + Tab div.container>div.item.item${$}*10 + Tab : 아래와 같은 body 손쉽게 작성 가능 1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 CSS .container{ background: beige; height: 100vh;.. 2022. 7. 4.
CSS Display & Position Display HTML 1 2 3 CSS div, span { width: 80px; height: 80px; margin: 20px; } /*한 줄에 하나씩 나옴*/ div{ background: red; display: inline-block; /* inline: 한 줄에 여러개가 진열될 수 있는 상자 span과 같이 한 줄에 여러개씩 나옴. 사용자가 정의한 박스 크기대로 화면에 표시 */ /* display: inline; inline: 물건 span과 같이 아무런 내용이 없으면 화면상에 표시되지 않음. 사용자가 정의해 놓은 사이즈는 무시하고 컨텐츠 크기에 따라 달라짐. */ } /*한 줄에 여러개씩 나옴.*/ span{ background: blue; display: block; /*div와 같이.. 2022. 7. 4.
CSS 선택자 Universal * type Tag ID #id Class .class State : Attribute [] selector{ property: value; } 기본적인 선택자 구성 * { color: green; } 전체 태그 글자색 변경 li { color: blue; } 태그의 글자색 변경 li#special { color: pink; } 태그 중 id가 special인 태그의 글자색 변경 .red { width: 100px; height: 100px; background: yellow; } class가 red인 태그의 속성 변경 button:hover { color: red; background: beige; } 태그에 마우스를 올렸을 때 속성 변경 a[href="naver.com"]{ colo.. 2022. 7. 4.
반응형

티스토리툴바