궁금한게 많은 코린이의 Developer 노트

나의 문제풀이class Solution { public int solution(int n, String control) { int answer = 0; for (int i = 0; i  코드 설명 주어진 String 타입의 control 문자열을 반복문으로 돌리면서  i번째의 모든 문자열 즉, control 문자열 순서대로 하나씩 char 타입으로 변환하여 char 타입('w', 's', 'd', 'a') 끼리 비교를 진행한다. 한 글자가 조건과 맞는다면(==), n에 각기 다른 숫자를 더하고 빼줘~. charAt()은 String 타입의 문자열을 char 타입으로 변환시킨다.charAt(변환할 index) 괄호 안의 index는 꼭 적어주어야 한다.    다른 사람의 문제..

나의 풀이 function solution(arr) { var arrArray = arr.join(''); var answer = `${arrArray}`; return answer; } 다른 사람의 풀이를 보면서 변수하나 빼도 구동이 가능하다는 것을 알게되었다.. join 메서드를 사용한 것을 보면 문제 접근법은 나쁘지 않았던 것 같다. 다른사람의 풀이 1 function solution(arr) { return arr.join("") } join 메서드를 사용하여 더 간결하게 푼 풀이이다. 다른사람의 풀이 2 function solution(arr) { var answer = ''; arr.forEach(str=>{ answer += str; }) return answer; } 비어있는 문자열 변수 ..

나의 문제풀이 function solution(my_string, overwrite_string, s) { let my_Arr = [...my_string]; my_Arr.splice(s, overwrite_string.length, overwrite_string) return my_Arr.join(''); } 1. 기존의 문자열을 [...]을 사용하여 배열로 만들어준다. 2. splice()문법을 사용하여 배열을 새로 반환한다: my_Arr의 s 부터 바꿔준다, overwrite_string.length만큼 배열을 삭제하고, overwrite_string 으로 비워진 부분을 새로운 배열로 채운다. [ splice() 메소드 ] -다목적으로 사용가능: 삭제.추가.기존값 대체 -배열 객체에 사용가능한 내장..

SetInterval 과 SetInterval이 헷갈릴 경우가 많을 것 같아 복기할 겸, 그 둘의 차이를 기록해놓으려 합니다 :) SetTimeOut() : 일정한 시간 후에 실행 . 사용 방법 setTimeOut(function(){실행할 코드...}, 기다리는 시간); setTimeOut(function(){ console.log('햄스터는 사랑입니다.') }, 1000); 1초 후에 해당 문장을 출력합니다. SetInterval() : 일정한 시간을 반복하여 실행. 사용 방법 setInterval(function(){실행할 코드...}, 기다리는 시간); setInterval(function(){ console.log('햄스터는 귀엽다'); }, 1000); 1초 마다 콘솔 창에 해당 문장을 실행시..

Bootstrap의 장점은 UI를 쉽게 만들어볼 수 있다는 점! 사용해보니...신세계다. 맨날 직접 Css 코드를 입력해주었는데 코드 한 줄 이면 내가 원하는 UI를 사용할 수 있다니..! https://getbootstrap.com/docs/5.3/getting-started/introduction/#html5-doctype Get started with Bootstrap Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes. getbootstrap.com Success 이 한줄이면 버튼 스타일이 끝! ㅎㅎ 너무 간편한 것♥ 부트스트랩에서 제공해주는 기본 ..

오늘은 제가 놓쳤던 부분에 대해 기록해볼까 합니다. '버튼'을 클릭하면 동적으로 알림창을 만들어주고 '닫기'를 클릭하면 동적으로 알림창을 꺼주는 간단한 코드 입니다. Html 알림창임 //'버튼' 클릭 시 알림창 열기 버튼 //'닫기' 클릭 시 알림창 닫기 닫기 Css .alert-box{ display: none; width:500px; padding:20px; border-radius: 10px; background-color: rgb(167, 255, 255); } 보통 이벤트 경우 script 태그 안에 많이 적어서, Html 상에서 이벤트를 작성하는 것은 되게 오랜만이여서 신선하게 다가오네요 ㅎㅎ 원리는 div 박스를 display:none;으로 처리를 해놓았다가 '버튼'을 클릭하면 displa..

코드에서 간간히 보이는 백틱.. 어떤 경우에 사용하는 걸까? 사용하면 어떤 점이 좋을까 등등의 궁금증을 가지고 검색해보았습니다. 1. 템플릿 리터럴이란 ES6부터 새로 도입된 문자열의 표기법입니다. 문자열 생성 시 따옴표 대신 백틱(`)을 사용합니다. 그래서 왜 사용하는 거냐고? 백틱으로 템플릿 리터럴을 사용하면, 줄바꿈 등을 쉽게 표현할 수 있습니다. var a = ` Hello, I want to be front-end developer! `; 기존 따옴표를 사용할 때는 줄바꿈이 허용되지 않아, 백슬러시로 시작하는 이스케이프 시퀸스를 사용했지만,(\n, \t 등등..) 백틱을 사용하면서 간편해진 것..!

자바스크립트 마우스 이벤트는 2종류로 나눌 수 있다. HTML 삽입 미리보기할 수 없는 소스 기본 형태 1. 마우스 클릭/ 2.마우스 움직임 1. 마우스 클릭 관련 이벤트 onclick = onmouseup + onmousedown 마우스를 클릭했을 때 이벤트 발생. onmouseup = 마우스 커서를 누른 후에 떼었을 때 이벤트 발생. onmousedown = 마우스 커서를 눌렀을 때 이벤트 발생. ondbclick = 더블클릭 했을 때 이벤트 발생. 2. 마우스 움직임 관련 이벤트 onmousemove = 마우스가 움직일 때 마다 이벤트 발생. onmouseover = 마우스가 특정 공간 위에 올려져 있을 때 이벤트 발생. onmouseout = 마우스가 특정 공간에 있다가 나왔을 때 이벤트 발생.