카일_

ROOT

Algorithm/프로그래머스

프로그래머스 | #Lv1 "K번째 수"

문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로 주어질 때, commands의 모든 원소에 대해 앞서 설명한 연산을 적용했을 때 나온 결과를 배열에 담아 return 하도록 solution 함수를 작성해주세요. 제한 조건 array의 길이는 1 이상 100 이하입니다. ..

Algorithm/프로그래머스

프로그래머스 | #Lv1 "신규 아이디 추천"

문제 설명 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아이디를 입력했을 때, 입력된 아이디와 유사하면서 규칙에 맞는 아이디를 추천해주는 프로그램을 개발하는 것입니다.다음은 카카오 아이디의 규칙입니다. 아이디의 길이는 3자 이상 15자 이하여야 합니다. 아이디는 알파벳 소문자, 숫자, 빼기(``), 밑줄(_), 마침표(.) 문자만 사용할 수 있습니다. 단, 마침표(.)는 처음과 끝에 사용할 수 없으며 또한 연속으로 사용할 수 없습니다. "네오"는 다음과 같이 7단계의 순차적인 처리 과정을 통해 신규 유저가 입력한 아이..

Algorithm/프로그래머스

프로그래머스 | #Lv1 "개인정보 수집 유효기간"

문제 설명 고객의 약관 동의를 얻어서 수집된 1~n번으로 분류되는 개인정보 n개가 있습니다. 약관 종류는 여러 가지 있으며 각 약관마다 개인정보 보관 유효기간이 정해져 있습니다. 당신은 각 개인정보가 어떤 약관으로 수집됐는지 알고 있습니다. 수집된 개인정보는 유효기간 전까지만 보관 가능하며, 유효기간이 지났다면 반드시 파기해야 합니다. 예를 들어, A라는 약관의 유효기간이 12 달이고, 2021년 1월 5일에 수집된 개인정보가 A약관으로 수집되었다면 해당 개인정보는 2022년 1월 4일까지 보관 가능하며 2022년 1월 5일부터 파기해야 할 개인정보입니다.당신은 오늘 날짜로 파기해야 할 개인정보 번호들을 구하려 합니다. 모든 달은 28일까지 있다고 가정합니다. 다음은 오늘 날짜가 2022.05.19일 때..

Programming/jQuery

[jQuery] Traversing

Traversing(순회) "순회"를 의미하는 traversing은 다른 요소와의 관계를 기반으로 HTML 요소를 찾거나 선택하는데에 사용된다. 하나의 선택으로 시작하여 원하는 요소에 도달할 때까지 해당 선택을 통해 이동한다. 아래 이미지는 HTML 페이지를 트리(DOM 트리)로 보여준다. traversing을 사용하면 선택한(현재) 요소에서 시작하여 트리에서 쉽게 위(상위), 아래(자손) 및 옆으로(형제) 이동할 수 있다. 이 이동을 DOM 트리 통과(또는 순회)라고 한다. 요소는 의 부모 이며 그 안에 있는 모든 것의 조상이다. 요소는 요소의 부모이자 의 자식이다. 왼쪽 요소는 의 부모 , 의 자식 및 의 자손이다. 요소는 왼쪽 의 자식 이며 및 의 자손이다. 두 요소는 형제다. (같은 부모를 공유함..

Programming/jQuery

[jQuery] 레이아웃

jQuery의 레이아웃 메소드 Layout 작업을 위한 몇 가지 중요한 메소드가 있다. width() height() innerWidth() innerHeight() outerWidth() outerHeight() width() / height() width() 메소드는 요소의 padding, border, margin를 제외한 width를 설정하거나 반환한다. height() 메소드는 요소의 padding, border, margin를 제외한 height를 설정하거나 반환한다. 지정된 요소 의 width와 height를 반환받기: $("button").click(function(){ var txt = ""; txt += "Width: " + $("#div1").width() + ""; txt += "H..

Programming/jQuery

[jQuery] CSS 조작

CSS 조작 jQuery에는 CSS 조작을 위한 몇 가지 방법이 있다. addClass() : 선택한 요소에 하나 이상의 클래스를 추가. removeClass() : 선택한 요소에서 하나 이상의 클래스를 제거. toggleClass() : 선택한 요소에서 클래스 추가/제거 간을 전환. css() : 스타일 속성을 설정하거나 반환. addClass() 다른 요소에 클래스 속성을 추가한다. 물론 클래스를 추가할 때 여러 요소를 선택할 수 있다. $("button").click(function(){ $("h1, h2, p").addClass("blue"); $("div").addClass("important"); }); addClass()메소드 내에서 여러 클래스를 지정할 수도 있다. $("button").c..

Programming/jQuery

[jQuery] DOM 추가와 삭제

새 HTML 콘텐츠 추가 새 콘텐츠를 추가하는 데 사용되는 네 가지 jQuery 메소드는 아래와 같다. append() : 선택한 요소의 끝에 내용 삽입 prepend() : 선택한 요소의 시작 부분에 콘텐츠 삽입 after() : 선택한 요소 뒤에 내용 삽입 before() : 선택한 요소 앞에 콘텐츠 삽입 append() / prepend() append()메소드는 선택한 HTML 요소의 끝에 콘텐츠를 삽입한다. prepend()메소드는 선택한 HTML 요소의 처음에 콘텐츠를 삽입한다. $("p").append("Some appended text."); $("p").prepend("Some prepended text."); append() 및 prepend()를 사용하여 여러 새 요소 추가 appen..

Programming/jQuery

[jQuery] DOM 가져오기와 설정하기

jQuery의 매우 중요한 부분 중 하나는 DOM을 조작할 수 있는 가능성이다. jQuery에는 요소와 속성에 쉽게 액세스하고 조작할 수 있는 DOM 관련 메서드가 함께 제공된다. 콘텐츠 가져오기 - text(), html(), val() DOM 조작을 위한 간단하지만 유용한 세 가지 jQuery 메서드는 아래와 같다. text() : 선택한 요소의 텍스트 내용을 설정하거나 반환. html() : 선택한 요소의 내용을 설정하거나 반환(HTML 마크업 포함). val() : 양식 필드의 값을 설정하거나 반환. text() ,html()메소드를 사용하여 콘텐츠를 가져오기 : $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#b..

Programming/jQuery

[jQuery] 효과와 애니메이션

jQuery의 다양한 Effect hide() 와 show() hide() 와 show() 메소드를 사용하면 HTML 요소를 숨기거나 표시할 수 있다. $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 문법 $(selector).hide(speed,callback); $(selector).show(speed,callback); speed 매개변수는 hide/show 속도를 지정하며 “slow”, "fast" 또는 밀리초 값을 사용할 수 있다. callback 매개변수는 또는 메소드가 완료된 후 실행되는 함수다. 속도 매개변수를 사용하여 hide()사용하기: $("button").cli..

Programming/jQuery

[jQuery] 이벤트

DOM 이벤트 웹 페이지가 응답할 수 있는 모든 방문자의 행동을 이벤트라고 한다. 이벤트는 어떤 일이 발생하는 정확한 순간을 나타낸다. 예: 요소 위로 마우스 이동 라디오 버튼 선택 요소 클릭 "fires/fired" 라는 용어는 종종 이벤트와 함께 사용된다. 예: "키를 누르는 순간 키 누르기 이벤트가 발생한다." 몇 가지의 일반적인 DOM 이벤트 Mouse Events Keyboard Events Form Events Document/Window Events click keypress submit load dblclick keydown change resize mouseenter keyup focus scroll mouseleave blur unload 이벤트 메소드 문법 jQuery에서 대부분의 D..