차근차근 개발일기+일상

안녕하세요. html요소에서 html css속성을 동적으로 변경하고 싶은 경우가 있습니다. 이번 포스팅에서는 JavaScript(자바스크립트)의 jQuery를 활용하여 html요소의 css속성값을 호출, css속성값 추가/변경에 대해서 알아보겠습니다. 목차 CSS 속성 호출 CSS 속성 추가/변경 CSS 한꺼번에 변경하기 CSS 속성 호출 html요소Id.css()를 사용하여 해당 요소의 css속성 값을 호출할 수 있습니다. 아래의 코드를 참고바랍니다. $(html속성Id).css(propertyName); 위의 css속성 호출방법을 사용한 예제입니다. 속성값을 가져온 후 alert창을 띄어 속성값을 보여줍니다. menu1 화면 CSS 속성 추가/변경 html요소에 CSS속성을 추가/변경하는 방법입니다...

안녕하세요. 이번 포스팅에서는 JavaScript(자바스크립트)의 랜덤난수를 생성하는 방법 및 예제 + 예제를 응용해서 랜덤난수맞추기 게임을 만들어봤습니다. 목차 랜덤난수 생성(Math.Random) 0부터 N까지 랜덤난수 생성 MIN부터 MAX까지 랜덤난수 생성 랜덤난수 맞추기 게임 만들기 랜덤난수 생성(Math.Random) 자바스크립트에서 랜덤한 난수를 생성하기 위해서는 Math.Random() 함수를 사용합니다. Math.Random()을 사용하면 0 ~ 1 사이의 난수를 생성합니다. 결과 위의 이미지처럼 0부터 1사이의 랜덤한 난수가 생성된 것을 볼 수 있습니다. 0부터 N까지 랜덤난수 생성 0부터 N까지 랜덤난수를 생성하는 방법에 대해서 알아보겠습니다. 0부터 100까지 생성하는 예제입니다. ..

안녕하세요. 보통 HTML요소를 선택한다면 주로 jquery라이브러리를 사용해서 $("")를 사용하여 선택하는 경우가 많습니다. 이번 포스팅에서는 jquery를 사용하지 않고 자바스크립트에서 HTML요소를 선택할 때 사용하는 함수 querySelector(), querySelectorAll()에 대해서 알아보겠습니다. 목차 querySelector() querySelectorAll() querySelector() - HTML의 요소를 선택할 때 사용하며 Id, Name, Class, HTML태그 등 다양한 요소들을 선택할 수 있습니다. - 이름이 같을 경우 최상단의 요소를 선택합니다. - 요소를 선택하여 Value를 변경하거나 Style을 변경하는 등 다양한 동작들을 수행할 수 있습니다. - 사용 예제 ..

안녕하세요. 이번 포스팅에서는 JavaScript(자바스크립트)의 기본적인 함수 prompt(), confirm(), alert()에 대하여 알아보겠습니다. prompt() - 문자열을 입력할 때 사용합니다. - 숫자를 입력해야한다면, 입력한 값을 숫자로 변환해서 사용해줘야 합니다. - prompt()만 사용하는 경우 아무런 설명없이 문자열만 입력받습니다. - prompt("메시지", "디폴트 값") 첫 번째 파라미터는 입력 창에 띄어줄 메시지입니다. 두 번째 파라미터는 입력 부분의 기본 디폴트 값입니다. - 사용예제 1. prompt(); prompt()만 사용하면 아무 설명없이 문자열을 입력받습니다. 2. prompt("메시지"); prompt("메시지")를 사용하여 입력받을 때 메시지를 띄어줍니다...

안녕하세요. 최근에 강의를 듣는데 강의에서 비주얼스튜디오 코드로 진행을 해서 다운로드 받아서 사용을 해봤습니다. 이번 포스팅에서는 비주얼스튜디오 코드의 다운로드 및 설치방법에 대해서 알아보겠습니다. 비주얼스튜디오 코드란? 마이크로소프트(MicroSoft)에서 오픈소스로 개발한 텍스트 에디터입니다. 일렉트론(Electron) 프레임워크를 기반으로 만들어졌고, MS의 개발툴 중 최초로 크로스플랫폼을 지원하는 에디터로써 윈도우, MacOS, 리눅스를 모두 지원합니다. 더 자세한 설명은 나무위키를 참고바랍니다. https://namu.wiki/w/Visual%20Studio%20Code?from=%EB%B9%84%EC%A3%BC%EC%96%BC%20%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A..

안녕하세요. 전공서적을 보는 도중에 맥 어드레스(MAC Address)란 용어가 나와서 평소에 맥 어드레스는 하드웨어에 할당된 주소 정도로만 알고있었는데, 자세히 알고싶어 정리를 해봤습니다. 이번 포스팅에서는 MAC Address에 대해서 자세히 알아보겠습니다. MAC Address란? MAC 주소를 확인하는 방법 MAC Address란? MAC이란 Media Access Control의 약자로서 네트워크 통신을 하는 하드웨어에 할당된 주소로, 원칙적으로는 세상에 있는 모든 장비가 가진 고유한 물리 주소입니다. IP주소가 네트워크주소라면 맥 주소는 하드웨어 주소(Hardware Address), 물리적 주소(Physical Address), 이더넷 주소(Ethernet Address)로도 불립니다. 원칙..

안녕하세요. 이번 포스팅에서는 자바에서 강제로 Exception을 발생시키는 방법에 대해서 알아보겠습니다. 프로젝트를 하다보면 특정 상황에서 강제로 Exception을 만들어서 처리를 해야하는 경우가 발생합니다. 저 혼자서 사이드 프로젝트를 하는 중에 강제로 Exception만들어 메시지를 출력하는 방식의 기능을 만들었던 적도 있습니다. throw new Exception();을 사용하여 Exception을 발생할 수 있습니다. Exception 외에도 다른 종류의 Exception을 사용하면 다른 종류의 예외처리도 가능합니다. 예를 들어서 throw new NullPointerException();, throw new ClassCastException(); 등이 있을 것 입니다. 사용 예제입니다. 아래..

안녕하세요. 이번 포스팅에서는 try - catch - finally 문법에 대해서 알아보겠습니다. 제 개인적으로 공부를 위해 정리하는 용도라 틀린 부분이 있을 수 있습니다. 그 부분에 대해서는 댓글 남겨주시면 감사하겠습니다. try - catch문을 사용하는 이유 기본적으로 프로그램에서 에러가 나는 경우 프로그램은 중단이 됩니다. 아무리 잘 만든 프로그램이어도 오류가 단 한 번도 없이 돌아가기란 힘듭니다. 프로그램에서 오류가 난 경우 그에 대한 예외처리를 하기 위해 try - catch문을 사용합니다. try - catch 사용방법 try { /* 프로그램에서 사용하는 일반적인 코드를 입력합니다. 코드를 실행 중 에러가 나면 그 자리에서 중단되고 catch문으로 이동합니다. 오류가 없다면 try 안의 ..

안녕하세요. 이번 포스팅에서는 자바의 properties란 무엇이고, 어떻게 사용하는지 방법에 대해서 간략하게 알아보겠습니다. 제가 구글링한 자료들을 취합하여 설명하고 있어 틀린 부분이 있을 수 있습니다. ㅠ 틀린 부분을 찾으시면 댓글 감사하겠습니다. properties란? Key=Value형식으로 파라미터 정보들을 저장하기 위한 파일 확장자를 의미합니다. 주로 응용 프로그램에 대한 환경설정정보, DB와 연결하기 위한 DB환경설정정보 등을 저장할 때 properties파일을 만들어 그 곳에 저장해놓습니다. 주석처리를 하고 싶은 경우 맨 앞에 "#", "!"을 붙여 주석처리를 합니다. properties와 비슷한 녀석으로는 xml, yml이 있습니다. properties사용예제 자바 프로젝트에 proper..

안녕하세요. 이번 포스팅에서는 Java.Util클래스의 ResourceBundle을 사용하다 생긴 에러 이슈해결 방법에 대해서 알아보겠습니다. ResourceBundle을 사용하여 properties정보를 호출하는 도중에 java.util.MissingResourceException: 에러가 나타나면서 실행이 안 되었습니다. 계속되는 삽질 끝내 결국 원인을 찾았는데... 그렇게 어려운 내용은 아니었습니다. ㅠㅜㅠㅜ 위의 이미지는 에러를 재현해서 출력해보았습니다. 잘 보시면 properties를 src밑이 아닌 패키지 밑으로 추가를 하니 Resource를 찾지 못 해서 생긴 에러였습니다;; ㅠㅜ 정말 간단한 이유... 아래처럼 properties의 위치를 옮겨서 해결했습니다. 간단하게 에러 해결!! 이제 ..