반응형 전체 글96 css 적용되는 우선순위 웹 개발을 하면서 css로 각종 style을 관리하고 적용하게 되는데, 완벽하게 정리가 잘 되어있다면 크게 문제는 없겠지만 간혹 같은 속성을 두 번 이상 지정하면서 생각한 대로 화면에 표시가 안 되는 것 같은 결과를 볼 수도 있습니다. 그럴 때 css의 우선순위를 알고 있다면 내가 원하는 항목을 우선순위를 높여서 사용하면 원하는 결과를 얻을 수 있을 것입니다. 혹은 이미 적용된 css를 내가 원하는 위치에서 변경해주고 싶을 때에도 사용할 수 있습니다. 우선순위 기준 ◎ css는 일반적으로 실행 순서가 뒤로 갈수록 우선순위가 높습니다. ◎ clss보다 id가 우선순위가 높습니다. ◎ 우선순위가 같다면(예: 양쪽 다 id로 사용) 개수가 많은 쪽이 우선순위가 높게 됩니다. ◎ !important를 사용하면 .. 2022. 6. 22. MacOS 맥북 이클립스 자동완성 기능 사용하기 윈도우 환경에서 이클립스를 사용하다가 처음 맥으로 이클립스를 사용했을 때 자동완성 기능이 안 돼서 당황했던 기억이 있습니다. 윈도우 환경에서는 [Control + Space]가 자동완성 단축기였는데 맥북에서는 단축기를 눌렀더니 Spotlight가 갑자기 화면에 나왔던 것 같은 기억이.. 그래서 Spotlight 단축기를 변경하고 이클립스에서 자동완성 기능 단축기를 [Control + Space]로 할까도 생각했지만 기본 설정을 최대한 그대로 두는 걸 좋아해서 자동완성 단축기를 다른 키로 설정하기로 했습니다. 이제 이클립스 단축기 변경하는 방법을 살펴보겠습니다. 이클립스 실행한 상태에서 상단 좌측에 [Eclipse] > [환경설정]으로 들어갑니다. 환경설정에서 [General] > [Keys] 선택합니다... 2022. 6. 21. 자바스크립트 오디오 파일 실행하기 (JavaScript mp3, wav 등등) 자바스크립트로 웹 개발을 하다 보면 웹 상에서 오디오 파일을 실행하도록 세팅하는 경우가 있습니다. 배경음악이라던지, 버튼을 클릭했을 때 소리, 혹은 원하는 순간에 소리가 나도록 설정하기 위해 사용합니다. 자바스크립트에서 오디오 사용하는 방법을 알아보도록 하겠습니다. 1. 오디오 실행 사용법 자바스크립트에서 오디오를 실행하기 위해 아래 소스를 사용합니다. var audio = new Audio(filePath); 변수에 new Audio()를 선언하고 내부에 파일 경로를 입력합니다(파일 경로는 문자열로 입력). 그리고 오디오를 load 한 후 오디오를 재생합니다. // load audio.load(); // 볼륨 설정 audio.volume = 1; // 실행 audio.play(); 볼륨 조절은 0~1 .. 2022. 6. 15. JAVA SimpleDateFormat 날짜 포맷 (Date to String) 자바 개발 시 시간 관련된 내용을 많이 다루게 되고 시간을 표시하거나, 비교하거나 데이터를 관리하면서 특정 포맷을 정해서 저장하기도 합니다. 이럴 때도 사용되지만 여러 상황에서 유용하게 사용하는 SimpleDateFormat에 대해 살펴보도록 하겠습니다. 그전에 Date에 대해 간단하게 보도록 하겠습니다. Date nowDt = new Date(); System.out.println("new Date() : " + nowDt); 결과 : new Date() : Tue Jun 14 13:45:22 KST 2022 소스와 결과에서 확인되는 것처럼 Date 변수에 new Date()를 선언하면 현재 시간이 저장됩니다. 이 nowDt(현재시간)을 가지고 다양한 포맷을 설정할 수 있는데 예제를 통해 확인해보겠습니.. 2022. 6. 14. JAVA Map 삭제하기 (remove(), clear()로 해당 key값 삭제 or 전체 삭제) JAVA 개발 시 Map을 사용하는 경우가 매우 많습니다. 이번에는 Map을 사용하면서 데이터를 삭제하는 방법에 대해 알아보도록 하겠습니다. 1. remove() remove()는 Map에서 내가 삭제하고 싶은 key값만 골라서 삭제할 수 있는 방법입니다. 예제와 실행 결과를 보도록 하겠습니다. Map testMap = new HashMap(); testMap.put("red", "apple"); testMap.put("green", "melon"); testMap.put("yellow", "banana"); System.out.println("testMap : " + testMap); // remove() 를 사용하여 해당 key, value 삭제 testMap.remove("red"); System... 2022. 6. 7. JAVA 날짜 시간 비교하기 예제 (Date - before, after) 프로그램을 개발할 때 시간에 관련해서 뭔가를 작업할 때가 많습니다. 스케줄이나 타이머 관련된 일을 진행할 때 주로 쓰곤 했는데, 그래서 그럴 때 간단하게 시간을 비교할 수 있는 함수를 알아보도록 하겠습니다. 함수 안에 비교할 기준점을 넣어서 비교합니다(사진에서 Date when 부분에). 얼핏 보면 헷갈릴 수도 있지만 직접 작성해서 한두 번 해보면 금방 적응할 수 있습니다. Date의 before(), after()로 시간을 비교하는 예제를 사용해서 테스트해보시기 바랍니다. date1, date2를 만들어서 비교하였는데, date1보다 date2가 1시간 30분 미래로 설정하였습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 2.. 2022. 5. 31. 이전 1 ··· 9 10 11 12 13 14 15 16 다음 728x90 반응형
