아리의 개발 일상

html,css5일차 position 부모 요소에relative로 기준을 잡고 자식요소에는 absolute를 사용하면 부모요소를 기준으로 좌표가 잡힌다 #container{ width: 500px; height: 300px; border: 3px solid black; overflow: hidden; position: relative; } .circle{ position: absolute; width: 100px; height: 100px; border-radius: 50% 50%; } #red{ background-color: red; left: 20px; top: 20px; } #green{ background-color: green; right: 20px; top: 20px; } #blue{ bac..

4일차 박스 둥근 테두리로 만들기 border-radius: x div { width: 100px; height: 100px; background-color: red; border-width: 10px ; border-style: solid; border-color: black; border-radius: 20px 50px 20px 10px; margin: 10px; padding: 30px; } 결과 가시속성 display -none 화면에 보이지않음 -block 블록박스 형식으로지정 -inline 인라인 박스 형식으로 지정 => 기본적으로 width height가 지정되지 않음 -inline-block 블록가 인라인 주간형태로 지정 #box { display: none; } #box2 { displa..

[백준 파이썬 1956] 운동 풀이 https://www.acmicpc.net/problem/1956 1956번: 운동 첫째 줄에 V와 E가 빈칸을 사이에 두고 주어진다. (2 ≤ V ≤ 400, 0 ≤ E ≤ V(V-1)) 다음 E개의 줄에는 각각 세 개의 정수 a, b, c가 주어진다. a번 마을에서 b번 마을로 가는 거리가 c인 도로가 있다는 의 www.acmicpc.net 문제 v개의 마을와 E개의 도로로 구성되어 있는 도시가 있다 (각 도로는 일반 통행) 각 도시를 1부터 V 까지 번호를 매겨져 있다 당신은 도로를 따라 운동을 하기 위한 경로를 찾으려고 한다. 운동을 한 후에는 다시 시작점으로 돌아오는 것이 좋기 때문에, 우리는 사이클을 찾기를 원한다. 단, 당신은 운동을 매우 귀찮아하므로, 사..

프로그래머스 문자열 돌리기 https://school.programmers.co.kr/learn/courses/30/lessons/181945 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 풀이 for 문을 이용하여 주어진 문자열은 하나하나씩 출력하였다 charAt() 라는 것을 사용하여 String 타입으로 받은 문자열을 하나하나씩 char 타입으로 변환하여 출력하였다 코드 import java.util.Scanner; public class Ex2 { public static void main(String[] args) { Scanner sc=new ..

" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스스테이블 디퓨전으로 만든 ai 이미지 입니다  긍정 태그masterpiece, best quality, ultra-detailed,highres, (1 girl),((hidden hands)),high_quality, illustration,glamorous, small_breasts, shoulder_cutout,blouse, layered_skirt, lace-up_boots, ribbon_choker, white_hair, red_eyes, anime_art_style,cowboy_shot 부정태그error,missing fingers,fewer fingers,strange fingers,bad anatomy,mutilate..

프로그래머스 대소문자 바꿔서 출력하기 https://school.programmers.co.kr/learn/courses/30/lessons/181949 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 일단 문제를 풀기전에 대문자 소문자를 구분할 방법을 알아야하고 그다음 대문자를 소문자로 소문자로 대문자로 바꿀수 있는 방법을 알아야한다 대문자 소문자 구별 메소드 Character.isUpperCase(변수) 메서드 =>대문자일 경우 true를 반환하고 아니면 false를 반환한다 Character.isLowerCase(변수) 메서드 =>소문자일 경우 tru..

오늘로 코스타(kosta) 교육 3일차이다 생각 이상으로 진도가 빨라 복습은 꼭 필요하다고 생각한다 문서의 구조화 공간 분할 태그 div 블록 형식으로 공간을 분할할수 있다 span 인라인 형식으로 공간분할 블록이란 -> 그 컨텐츠가 차지하는 줄의 모든 영역을 가진다 (각 태그가 한 행을 모두 차지한다) 인라인 -> 자기나 나오는 컨텐츠 범위까지만 영역을 가지다\ 코드 블록 형식 블록 형식 인라인 형식 인라인 형식 결과 시맨틱 태그 시맨틱 태그는 콘텐츠의 의미를 설명하는 태그 코드를 읽기 싶게 해주면 지능형 웹에 유리하다 header - 머리말 nav - 하이퍼링크 모음 aside - 옆에 위치하는 콘텐츠를 담는 태그로, 페이지 콘텐츠를 제외한 콘텐츠를 정의합니다 section - 태그는 문서의 부분을 ..

백준 1700 멀티탭 스케줄링 https://www.acmicpc.net/problem/1700 1700번: 멀티탭 스케줄링 기숙사에서 살고 있는 준규는 한 개의 멀티탭을 이용하고 있다. 준규는 키보드, 헤어드라이기, 핸드폰 충전기, 디지털 카메라 충전기 등 여러 개의 전기용품을 사용하면서 어쩔 수 없이 각종 전 www.acmicpc.net 문제 - 준규는 자신의 생활 패턴을 분석하여, 자기가 사용하고 있는 전기용품의 사용순서를 알아내었고, 이를 기반으로 플러그를 빼는 횟수를 최소화하는 방법을 고안하여 보다 쾌적한 생활환경을 만들려고 한다. 예를 들어 3 구(구멍이 세 개 달린) 멀티탭을 쓸 때, 전기용품의 사용 순서가 아래와 같이 주어진다면, 키보드 헤어드라이기 핸드폰 충전기 디지털카메라 충전기 키보드..

앵커태그 하이퍼 텍스트 사용하여 클릭하면 특정 정보로 이동할수 있또록 조직된 문서 코드 alpha 부분 car 부분 alpha 사과나무의 원산지는 발칸반도로 알려져 있으며 B.C. 20세기 경의 스위스 토굴 주거지에서 탄화된 사과가 발굴된 것으로 보아 서양사과는 car 교통의 발전, 마차와 마부, 마차용 말의 사라짐, 산업혁명 이후 마차가 자동차로 변할 연구를 진행하였다. 그렇게 마차가 자동차로 변했다. 이제 마차를 자동차로 변하고 마부는 운전자, 말은 자동차 움직임 기계 (특히 모터), 마차의 바퀴는 타이어, 그 apple 와 car 부분을 클릭하면 그 부분으로 이동한다 목록태그 ul 순서 없는 목록 생성 ol 순서가 있는 목록 생성 li 목록 요소 생성 사과 바나나 키위 사과 바나나 키위 과일 사과 ..

html은 마크업 언어이다 마크업 언어란 서식이나 구조로 표현하는 언어 html은 태그, 요소, 속성 으로 구성되어 있으면 요소는 html 구성하는 부품으로 태그를 이용하여 작성할수 있다 속성은 태그에 추가정보를 부여한다 오늘 배운 html 태그 h => 제목 p=> 단락 br=>줄바꿈 hr=>수평줄 link=> css 를 연결할때 사용하였다 script => js를 연결할때 사용하였다 html 코드 DOCTYPE html> Document 노래 장르 발라드 k-pop 트로트 j-pop 유명가수 아이유 태연 link 뒤에 href에 css파일 주소를 넣어준다 src 뒤에는 js파일의 주소를 넣어준다 css코드 p { color: white; background: blueviolet; } h1 { colo..