핸드폰 번호 가리기 문제 설명프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다.전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건s는 길이 4 이상, 20이하인 문자열입니다. 입출력 예phone_numberreturn01033334444*******4444027778888 *****8888 문제풀이 1234567891011class Solution { public String solution(String phone_number) { String answer = ""; char[] charList = phone_number.t..
자연수 뒤집어 배열로 만들기 문제 설명자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 제한 조건n은 10,000,000,000이하인 자연수입니다. 입출력 예n return12345[5,4,3,2,1] 문제풀이 1234567891011class Solution { public int[] solution(long n) { String tempStr = new String(n+""); char[] tempChar = tempStr.toCharArray(); int[] answer=new int[tempChar.length]; for(int i =0; i +""으로 String 변환 -> char형 배열로 변환 -> 반..
HTML 태그의 속성 제어 - 자바스크립트 개발자의 접근성을 높이기 위해서 HTML 태그가 가지는 속성을 동일한 이름으로 자바스크립트에서도 제공하고 있다.(input value -> txt1.value)- 속성의 대부분은 읽기/쓰기를 모두 지원한다.- HTML의 속성명이 유효하지 않으면 캐멀표기법(readOnly)으로 제공한다.- HTML의 속성값a. 숫자 -> 숫자b. 열거형 -> 문자열c. 색상 -> 문자열d. 플래그 -> 논리형(true,false) 예제보면서 공부하기! 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869..
키보드 관련 이벤트 - onkeyXXX- 폼 관련 태그들만 사용한다.(포커스를 가지는 태그에만 적용 가능) + 1. onkeydown- 키를 눌렀을 때 발생- 물리키에 반응- 현재 눌린 문자와는 상관없이 물리적인 키에만 반응 2. onkeyup- 키를 떼었을 때 발생 3. onkeypress- 키를 눌렀을 때 발생- 현재 눌린 문자에 반응- 문자 키에 반응 상황별 키보드 이벤트 예제들.. keydown 이벤트 등록- 눌린 키의 문자코드값을 알고 싶은 경우 이벤트 등록..txt1.onkeydown = function(){ console.log(event.keyCode); //문자코드값 : a -> 65}; keyup 이벤트 등록txt2.onkeyup = function() { console.log("key..
콜라츠 추측 문제 설명1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다. 1-1. 입력된 수가 짝수라면 2로 나눕니다. 1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다.2. 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다. 예를 들어, 입력된 수가 6이라면 6→3→10→5→16→8→4→2→1 이 되어 총 8번 만에 1이 됩니다. 위 작업을 몇 번이나 반복해야하는지 반환하는 함수, solution을 완성해 주세요. 단, 작업을 500번을 반복해도 1이 되지 않는다면 –1을 반환해 주세요. 제한 사항입력된 수, num은 1 이상 8000000 미만인 정수입니다. 입..
마우스 사용할때 발생하는 이벤트 - onmouseXXX 로 시작 1. onmouseover : 해당 객체의 영역위에 커서가 진입하는 순간 발생 2. onmouseout : 해당 영역에서 커서가 빠져나가는 순간 발생 3. onmousedown : 해당 객체의 영역에서 마우스 버튼이 눌려지는 순간 발생 4. onmouseup : 해당 객체의 영역에서 마우스 버튼이 떼는 순간 발생 5. onmousemove : 해당 객체의 영여겡서 커서가 움직이는 순간 발생 어느 버튼을 사용했는지?event 객체- 이벤트에 의해서 호출되는 함수에서 사용하는 예약어- 발생한 사건의 여러가지 정보를 제공 객체- 마우스 왼쪽 버튼에 반응if(event.buttons == 1){txt1.value="마우스 다운";} var txt1..
Event, 이벤트 - BOM에서 다루는 이벤트- 사건- 사용자(사람)와 상호작용하면서 일어나는 사건 > 마우스(키보드,터치,음성..)를 조작하면 조작에 대한 반응ex) 마우스 버튼 클릭 > 프로그램상에서 이벤트 발생(클릭) > 미리 준비해놓은 프로그래밍 코드 호출(실행)이벤트 처리 방식1. 정적 방식- 태그의 속성으로 onXXX 속성을 사용하는 방식- onXXX : 이벤트 핸들러(Event Handler)2. 동적 방식 : DOM이나 JQuery 사용시 이벤트를 script에서 할당 가능. body onload 이벤트- 브라우저가 태그의 모든 내용을 읽은 직후 발생하는 이벤트- 브라우저가 모든 태그를 인식 가능한 상태 > 모든 태그에 접근 가능한 시점- 사용자는 화면을 보기 직전 상태- 페이지의 모든 ..
BOM(Broser Object Model) 자바스크립트 기능- 코어(Core) + 브라우저(BOM,DOM) + 확장 라이브러리BOM, Broser Object Model- 자바스크립트로 HTML 문서상의 객체를 접근 + 조작하기 위한 객체 모델(체계)- 모든 브라우저 지원함- 문서상의 일부 객체(태그)를 이미 정해진 트리구조를 통해서 접근 + 제어 모델(*****)- 객체(태그)를 식별하기 위한 식별자를 [name] 속성을 사용한다.(id,class 인식 못함)- 객체(태그) 중 유일한 객체는 예약어를 제공한다.(window, document 등..)- BOM 트리에 포함되어 있지 않은 태그들은 접근 불가.(조작불가능)DOM, Document Object Model- XML 인터페이스의 한 종류- XM..