JavaScript 실시간 시간 출력하기
·
JavaScript
🟰시간 출력하기에 필요한 개념 📌 어떠한 요소 안에 String타입의 변수를 출력할때 ☀️ 백틱이라는 기호(``)를 써서 변수를 표현한다. 일반적으로 숫자키 옆 ~에 있다. ☀️setInterval(함수,간격) : 해당 함수를 지정한 간격만큼 두고 실행한다. ☀️ new Date()를 호출할 경우 현재 날짜와 시간을 가져옵니다. ☀️ padStart,padEnd(자릿수, 빈 공간을 채울 문자) : 자릿수만큼 문자열 공간을 지정하고 빈 공간은 지정한 문자로 채웁니다. 위 개념을 숙지하셨다면 코드를 보여드리겠습니다. ⏬코드예시 const clock = document.querySelector("h2#clock"); function getClock() { const date = new Date(); const..
프로그래머스42889. 실패율 자바
·
문제 풀이/Programmers
⏬문제와 예시 ⏬문제 해결 코드 주석에 문제를 어떻게 풀어야 할지 적어두었습니다. package step01; import java.util.*; public class FailureRate { public static void main(String[] args) { int N = 5; int[] stages= {2, 1, 2, 6, 2, 4, 3, 3}; //스테이지별 실패율을 담을 map생성 Map map = new HashMap(); for (int i = 1; i
JSP-JSTL ( <C:set>, core 태그 사용하기)2
·
JSP
이전에는 c:set을 통해 attribute에 값을 집어넣는 방법을 보았습니다. >> : 이전 내용 보러가기
JSP-JSTL ( <C:set>, core 태그 사용하기)
·
JSP
🟰JSTL의 배경 HTML 삽입 미리보기할 수 없는 소스 🟰jstl C(core)태그 ☀️set, remove, if, forEach, redirect 등 사용빈도가 가장 높은 태그 바로 사용방법을 알아보도록 하겠습니다. 🟰 사용하기 ⏬우선 JSTL을 사용하기 위해서 선언부에서 taglib을 지정합니다. ⏬내장 객체별 값 지정해보기 ☀️내장 객체별 하나씩 값을 지정해주었습니다. ☀️c:set은 오른쪽 주석과 같은 기능을 합니다. 해당 객체에 설정한 이름으로 값을 부여합니다. ${pageScope.test1} ${requestScope.test2} ${sessionScope.test3} ${applicationScope.test4 } ​ ⏬결과 화면
[국비지원과정20] 자바 - 클래스 메서드와 인스턴스 메서드가 헷갈린다면?
·
TIL
개념을 알기 전에 이것부터 머리속에 먼저 주입하자! 이것만 기억하고 공부해도 2배 이상 쉽게 이해할 수 있다. ⭐⭐⭐클래스 메서드는 인스턴스 메서드보다 먼저 생성된다. 그래서 인스턴스 메서드가 생성되고 호출되는 시점에는 클래스메서드는 언제든지 호출 가능하고 클래스변수도 사용할 수 있다. 반대로 클래스 메서드가 생성된 시점에서는 인스턴스 메서드가 아직 생성되지 않은 시점이기 떄문에 있지도 않은 메서드를 클래스 메서드안에서 호출하려고 하면 예외가 생길 수 밖에 없다. 🟰클래스 메서드 🟰인스턴스 메서드 ☀️메서드의 작업을 수행하는데 인스턴스 변수를 필요로 하는 메서드 🟰클래스 메서드 ☀️인스턴스 변수나 인스턴스 메서드를 사용하지 않는 메서드 🟰메서드 생성 규칙 ☀️ 클래스를 설계할 때, 멤버변수 중 모든 인스..
HTML14강 드랍메뉴 만들기(HTML코드 첨부)
·
HTML
codePen의 화면이 너무 작다면 아래의 코드를 복사해서 Visual Studio에서 확인해보자. 아래의 코드중 드랍다운에서 가장 중요한 코드는 position이다. 🟰HTML로 만드는 드랍메뉴의 조건(자바스크립트를 쓰지 않고 만들기) ☀️ 숨길 메뉴의 상위 요소에 position : relative를 걸어 기준점을 만들어준다. ☀️숨길 메뉴의 요소에 position : absolute를 걸어 기준점에 대한 절대 위치를 지정해준다. ☀️ top, left, right, bottom을 통해 위치를 조정해준다. ☀️width, font-size등을 통해 세부 위치를 조정해준다. ☀️세부위치를 모두 조정했다면 숨길 요소에 display:none, visibility : hidden , opacity : 0등..