Dev다D

플로이드의 삼각형 파라미터로 정수형 height를 받고, 높이가 height인 '직각 이등변 삼각형'을 출력할텐데요. 이번에는 * 대신 숫자가 순서대로 출력되는 플로이드의 삼각형입니다! package Midterm.Five; public class Main { public static void main(String[] args) { ShapePrinter printer = new ShapePrinter(); // 테스트 printer.printFloydsPyramid(3); System.out.println("----------"); printer.printFloydsPyramid(5); System.out.println("----------"); printer.printFloydsPyramid(15);..

Java ☕[자바 왕기초] 05. 배열03. 배열 연습04. DNA 염기 서열 분석05. 다중 배열 [자바 객체 지향 프로그래밍] 01. 객체 만들기01. 객체 지향이란?02. 클래스 정리03. 클래스04. 메소드05. 메소드 정리06. 인스턴스07. 인스턴스 정리08. 입금 출금 [자바 객체 지향 프로그래밍] 02. 객체 설계하기01. 접근 제어자02. 접근 제어자 정리03. 접근 제어자 연습04. 메소드 오버로딩05. 메소드 오버로딩 정리06. 계좌 이체07. 생성자08. 생성자 정리09. 생성자 연습10. this11. this 정리12. 특가 할인 매장 HTTP🔗[모든 개발자를 위한 HTTP 웹 기본 지식] 02. URI와 웹 브라우저 요청 흐름01. URI02. 웹 브라우저 요청 흐름 GitHu..

IP(Internet Protocol) 인터넷 프로토콜의 역할 지정한 IP 주소(IP Address)에 데이터 전달 패킷(Packet)이라는 통신 단위로 데이터 전달 IP 프로토콜의 한계 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송 비신뢰성 중간에 패킷이 사라지면? (패킷 소실) 패킷이 순서대로 안오면? (패킷 전달 순서 문제 발생) 프로그램 구분 같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 둘 이상이면? TCP(Transmission Control Protocol), UDP(User Datagram Protocol) 인터넷 프로토콜 스택의 4계층 애플리케이션 계층 - HTTP, FTP 전송 계층 - TCP, UDP 인터넷 계층 - IP 네트워크 인터페이스 계층 - LAN..

Java ☕ [자바 왕기초] 03. 변수와 연산 01. 변수 02. 변수 정리 03. 자료형 04. 자료형 정리 05. 자기소개서 만들기 06. 연산자 07. 연산자 정리 08. 형 변환 09. 형 변환 정리 10. 연산자와 형 변환 [자바 왕기초] 04. 조건문과 반복문 01. if, else if, else 02. if, else if, else 정리 03. if, else if, else 연습 04. switch문 05. switch 정리 06. switch문 연습 07. while문 08. while문 정리 09. while문 연습 10. for문 11. for문 정리 12. 구구단 [자바 왕기초] 05. 배열 01. 배열 02. 배열 정리 03. 배열 연습 04. DNA 염기 서열 분석 05. ..

포트폴리오 IV: 막대기 애니메이션 'About' 섹션에 나의 스킬 여섯 개가 나열되어 있습니다. 'About' 섹션에 다다랐을 때 해당 스킬의 퍼센티지(%)만큼 파란 막대기가 서서히 색칠되도록 해주세요. 참고로 회색 막대기는 클래스 이름이 'bar'인 요소이고, 그 안에 클래스 이름이 'inner-bar'인 요소가 파란 막대기입니다. function scrollHandler() { if ($(window).scrollTop() >= $('.about').position().top) { $('.menu-right button').css('color', '#4a4a4a'); $('.skill').each(function () { var skill = $(this); var percentage = skill..

포트폴리오 III: 멋있게 나타내기 각 섹션의 내용은 'vertical-center'라는 클래스 이름의 'div'로 둘러싸여 있습니다. CSS 파일을 살펴보시면 'vertical-center'에는 이런 스타일이 적용되어 있는데요. .vertical-center { opacity: 0; position: relative; top: 100px; } 'opacity'가 '0' 으로 되어 있기 때문에 현재는 내용이 보이지 않는 거죠. 그리고 'top'이 '100px'로 되어 있어서 살짝 아래쪽에 위치하고 있습니다. 스크롤을 해서 각 섹션에 다다르면 해당 섹션의 'vertical-center' 요소가 보이면서 정가운데로 1초 이내에 서서히 올라오도록 만들어주세요. ('opacity'가 '1'까지, 'top'이 '..

포트폴리오 II: 섹션 스크롤 이제 메뉴의 색상은 잘 나오는데, 클릭하면 동작을 하지 않습니다. 네비게이션바의 'About' 메뉴를 클릭하면 'about' 섹션으로 스크롤하도록, 그리고 'Contact' 메뉴를 클릭하면 'contact' 섹션으로 스크롤하도록 코드를 작성해주세요. 스크롤은 1초 안에 부드럽게 움직여야 합니다. function scrollHandler() { if ($(window).scrollTop() >= $('.about').position().top) { $('.menu-right button').css('color', '#4a4a4a'); } else { $('.menu-right button').css('color', 'white') } } $(window).on('scroll'..

포트폴리오 I: 메뉴 색 바꾸기 첫 번째로 메뉴의 폰트 색상을 바꿔봅시다. 포트폴리오 사이트에는 섹션이 세 개 있습니다. 'header' 섹션 'about' 섹션 'contact' 섹션 'header' 섹션에 있을 때는 네비게이션바의 메뉴가 흰색으로 설정되어 있는데요. 'about' 섹션과 'contact' 섹션으로 이동하면 메뉴가 잘 보이도록 폰트 색상이 #4A4A4A로 바꿔주세요. function scrollHandler() { if ($(window).scrollTop() >= $('.about').position().top) { $('.menu-right button').css('color', '#4a4a4a'); } else { $('.menu-right button').css('color', ..

jQuery 🌀 [jQuery 활용하기] 04. 프로젝트: 나만의 포트폴리오 01. 포트폴리오 1: 메뉴 색 바꾸기 02. 포트폴리오 2: 섹션 스크롤 03. 포트폴리오 3: 멋있게 나타내기 04. 포트폴리오 4: 막대기 애니메이션 Mini Project 🖥️ Theory01. API 연동하기 Theory02. UX/UI 디자인 GitHub 🐸 Mini Project : 따릉이는 처음이라 드디어 Mini Project 🖥️의 끝이 보이기 시작했다. 완성하지 못할 것 같아서 좌절을 몇 번 했는데 우여곡절 끝에 완성은 했다. (구현하기 힘들어서 빠진 기능 있는 것은 안 비밀...) 동영상이 길어져서 게시판 부분의 기능을 잘랐다. CRUD 기능을 모두 넣어서 뿌듯하다. 힘들었지만 그만큼 배운 것도 많고 제자리..

음악 스트리밍 사이트 III HTML 파일을 보시면 'to-top-btn'이라는 클래스의 버튼이 있습니다. .to-top-btn { display: none; } 하지만 현재로서는 버튼이 display: none;으로 숨어 있기 때문에 보이지 않습니다. 사용자가 스크롤을 해서 사이트의 맨 밑으로 내려가면 이 버튼이 서서히 나타나도록 해주세요. 이 버튼을 누르면 다시 맨 위로 스크롤되면서 버튼은 다시 사라집니다. function scrollHandler() { var windowBottom = $(window).scrollTop() + $(window).height(); // each문 사용 $('.playlist').each(function() { var playlist = $(this); var pla..