전체 글

시작하며이 프로젝트는 신한DS 금융SW아카데미 1차 프로젝트 기록용 글 입니다.소스코드는 아래 Github 주소를 통해서 보실 수 있습니다.https://github.com/DevHyun2/Saeromteo🌱 새롬터: Saeromteo신한DS 금융 SW 아카데미 1차 팀 프로젝트🎥 시연 영상 보러가기(Click)📙 발표자료 보러가기(Click)🖥️ 사이트 바로가기(Click)💡 프로젝트 소개순환 경제를 추구하는 친환경 쇼핑몰✅Point.1 '올레픽' - 가정 플라스틱 수거해서 재활용, 포인트 지급✅Point.2 '친환경 커뮤니티' - 친환경 뉴스, 자료, 퀴즈✅Point.3 '친환경 장터' - 얻은 포인트로 친환경 제품 쇼핑✔️ 서비스 구조도개발기간: 2024.05.27 ~ 2024.07.09?..

가상 클래스 /* 마우스 클릭시 반응 */ input:focus { background-color: beige; } /* 마우스 커서가 닿일시 반응*/ label:hover { background-color: hotpink; } /* 클릭하여 페이지 이동시 반응*/ #intro:target { background-color:#0069e0; /* 배경색 - 파란색 */ color:#fff; /* 글자색 - 흰색 */ } /* 값을 변경하지 못함*/ /* container의 자식으로 처음나온 속성 */ .container :nth-child(1){ background-color: burlywood; } /* container의 자식으로 처음나온 p */ .container p:nth-child(1){ bac..

VScode 유용하게 사용하기 💽 HTML / CSS 코딩하는데 유용한 VSCode 확장팩 이번 포스팅에서는 VSCode에서 HTML과 CSS를 코딩하는데 있어 편리하며 가독성이 좋게 사용할수 있는 확장팩을 여러분들께 소개해 본다. 아래 소개하는 익스텐션들은 필자가 직접 설치해서 사용해 inpa.tistory.com 스타일 시트 인라인 스타일 내부 스타일 시트 외부 스타일 시트 CSS문법 익히기 CSS문법 익히기(inline stylesheet) h3입니다 p태그입니다 p태그입니다 외부에서 접근 @charset "UTF-8"; p{ border: 3px dotted green; background-color: yellow; } 스타일 우선순위 단위 종류 설명 em 부모 요소에서 지정한 글꼴의 대문자 M의..

이미지 삽입 ../ : 현재 경로 앞을 뜻함 경로연습 상대경로(현재GTML페이지 경로를 기준으로 한다) 절대경로 이미지 사이즈 조절 width, height %로 사이즈 조절시 웹 크기에서 반응형으로 조절 오디오와 비디오 삽입 , 지원 하이퍼링크 삽입하기 blank를 주면 새로운 탭으로 창이 뜨게함 입력 양식 작성하기 태그 묶음 로그인정보 아이디: 패스워드: 다른서비스 input에 required = 필수입력하게 만듦 전송받은 값(JSP문으로 작성) 전송받은 값 아이디는 패스워드는 +추가 JSP 주석 브라우저에 주소 숨기기, 파라미터 노출X method=”post” → 한글이 깨지는 현상이 발생 -해결방법- request.setCharacterEncoding("utf-8"); //post 방식일때 필수 ..

이 책을 토대로 강의를 들었습니다. Do it! HTML+CSS+자바스크립트 웹 표준의 정석 웹의 기본을 한 권으로 끝낼 수 있는 책이 탄생했다! 8년 연속 웹 분야 도서 1위인 《Do it! HTML5+CSS3 웹 표준의 정석》의 고경희 저자는 ‘HTML, CSS, 자바스크립트를 한 권으로’ 배우고 싶다는 많은 독자의 요구를 모아 최신 경향을 반영한 이 책을 집필했다. 웹 개발을 시작하는 입문자도 쉽게 실습할 수 있고, 중요한 문법만 다시 공부하고 싶은 중ㆍ고급자에게도 도움이 된다. 친절한 설명은 기본! 핵심만 쏙쏙 뽑아서 실무에 바로 사용할 수 있는 예제도 풍성하게 담겨 있다. 또한 최신 웹 표준 기술인 HTML5, CSS3, 자바스크립트(ES6)를 기준으로 설명하며 책의 모든 내용을 압축한 최종 프..

사용언어 Java, SQL 사용 툴 Eclipse, Oracle sql developer 개발 목적 CRUD를 활용하기 위해 인사평가라는 주제로 학습 Java및 SQL 언어 학습 및 개발 툴 활용 학습 프로그램 로직 인사평가라는 주제이기 때문에 회원가입 절차는 생략 로그인을 할 때 관리자 혹은 사원으로 구분 관리자는 사원을 조회할 수 있고, 평가 관리 시스템을 통해 사원을 평가 할 수 있음 사원은 점수를 조회할 수 있음 CRUD ERD 시연 소스코드 https://github.com/DevHyun2/Performance_Evaluation_PP GitHub - DevHyun2/Performance_Evaluation_PP Contribute to DevHyun2/Performance_Evaluation_..

문제 링크 성능 요약 메모리: 17404 KB, 시간: 204 ms 분류 그래프 이론, 그래프 탐색, 너비 우선 탐색, 깊이 우선 탐색 제출 일자 2024년 4월 7일 20:09:55 문제 설명 정사각형으로 이루어져 있는 섬과 바다 지도가 주어진다. 섬의 개수를 세는 프로그램을 작성하시오. 한 정사각형과 가로, 세로 또는 대각선으로 연결되어 있는 사각형은 걸어갈 수 있는 사각형이다. 두 정사각형이 같은 섬에 있으려면, 한 정사각형에서 다른 정사각형으로 걸어서 갈 수 있는 경로가 있어야 한다. 지도는 바다로 둘러싸여 있으며, 지도 밖으로 나갈 수 없다. 입력 입력은 여러 개의 테스트 케이스로 이루어져 있다. 각 테스트 케이스의 첫째 줄에는 지도의 너비 w와 높이 h가 주어진다. w와 h는 50보다 작거나 ..

문제 링크 성능 요약 메모리: 17512 KB, 시간: 204 ms 분류 브루트포스 알고리즘, 정렬 제출 일자 2024년 3월 29일 00:42:11 문제 설명 왕비를 피해 일곱 난쟁이들과 함께 평화롭게 생활하고 있던 백설공주에게 위기가 찾아왔다. 일과를 마치고 돌아온 난쟁이가 일곱 명이 아닌 아홉 명이었던 것이다. 아홉 명의 난쟁이는 모두 자신이 "백설 공주와 일곱 난쟁이"의 주인공이라고 주장했다. 뛰어난 수학적 직관력을 가지고 있던 백설공주는, 다행스럽게도 일곱 난쟁이의 키의 합이 100이 됨을 기억해 냈다. 아홉 난쟁이의 키가 주어졌을 때, 백설공주를 도와 일곱 난쟁이를 찾는 프로그램을 작성하시오. 입력 아홉 개의 줄에 걸쳐 난쟁이들의 키가 주어진다. 주어지는 키는 100을 넘지 않는 자연수이며, ..

# [Silver V] 수들의 합 5 - 2018 성능 요약 메모리: 14224 KB, 시간: 204 ms 분류 수학, 투 포인터 문제 설명 어떠한 자연수 N은, 몇 개의 연속된 자연수의 합으로 나타낼 수 있다. 당신은 어떤 자연수 N(1 ≤ N ≤ 10,000,000)에 대해서, 이 N을 몇 개의 연속된 자연수의 합으로 나타내는 가지수를 알고 싶어한다. 이때, 사용하는 자연수는 N이하여야 한다. 예를 들어, 15를 나타내는 방법은 15, 7+8, 4+5+6, 1+2+3+4+5의 4가지가 있다. 반면에 10을 나타내는 방법은 10, 1+2+3+4의 2가지가 있다. N을 입력받아 가지수를 출력하는 프로그램을 작성하시오. 입력 첫 줄에 정수 N이 주어진다. 출력 입력된 자연수 N을 몇 개의 연속된 자연수의 ..