본문 바로가기

전체 글

 (290)
TIL 23.05.17 팀 소개 프로젝트 1. 좋아요 기능 2. 엔터클릭시 등록하기 기능 3. 인물삭제기능 4. 깃 업로드, 파일 다운로드
[Git] repository 와 commit 커밋 (commit) 프로젝트 디렉토리의 특정 모습을 하나의 버전으로 남기는 행위 및 결과물 레포지토리(repository) 커밋이 저장되는 곳
[알고리즘] l로 만들기 I로 만들기 알파벳 소문자로 주어진 myString 이 주어진다. l 보다 앞서는 알파벳을 I로 변환하여 리턴 myString result "abcdevwxyz" "lllllvwxyz" "jjnnllkkmm" "llnnllllmm" 나의 풀이: function solution(myString) { var before = ["a","b","c","d","e","f","g","h","i","j","k"] var array = myString.split(""); return array.map(v => before.includes(v) ? v = "l" : v).join("") } 풀면서도 내가 배열을 직접 작성하여 조금 비효율적인것 같아서 includes 메소드 대신 부등호를 사용하여 다시 풀어보았다. fun..
[알고리즘] 최빈값 구하기 / 객체 최빈값 구하기 정수 배열이 주어질 때, 최빈값을 구해서 리턴하고 최빈값이 여러개면 -1을 리턴 nums result [1, 2, 3, 3, 3, 4] 3 [1, 1, 2, 2] -1 [1] 1 나의 풀이: function solution(nums) { var count = {}; for(let num of nums) { if(num in count) { count[num] += 1 }else { count[num] = 1 } } let max_num = 0 let answer = []; for(let num in count) { if(count[num] > max_num) { max_num = count[num] answer = [num] }else if(count[num] === max_num) { a..
[JavaScript] 변수와 스코프 변수선언 var console.log(title); // undefined var title; 변수를 만들기도 전에 title 을 실행했는데도, 에러가 발생하는 것이 아닌 undefined 값이 출력됨. 선언이 나중에 되었으나, 선언부분이 올라가 있는 것 같은 현상을 호이스팅(Hoisting) 이라고 한다. console.log(title); // undefined var title = 'codeit'; console.log(title); // 'codeit' 선언 부분만 올라가기 때문에 해당 되는 값 자체는 그 이후에 접근이 가능하다. let console.log(title); // ReferenceError let title; let 은 변수선언 이전에 접근할 수 없어서 에러가 난다. 중복선언 var..
[JavaScript] 데이터타입 Symbol 과 bigInt Symbol 심볼(Symbol) 은 기본형 데이터 타입 중 하나로, 코드 내에서 유일한 값을 가진 변수 이름을 만들 때 사용된다. const user = Symbol(); const user = Symbol('this is a user'); user === 'this is user'; // false user === 'user'; // false user === 'Symbol'; // false user === true; // false user === false; // false user === 123; // false user === 0; // false user === null; // false user === undefined; // false ... Symbol 값을 담게 된 user 이름의 변..
[JavaScript] mouseenter / mouseleave mouseenter : 마우스포인터가 요소 바깥쪽에서 안쪽으로 이동할 때 발생 mouseleave : 마우스포인터가 요소 안쪽에서 바깥쪽으로 이동할 때 발생 mouseenter 와 mouseleave 는 각각 mouseover, mouseout 과 비슷하지만 다른 점이 있다. 1. 버블링이 일어나지 않는다. 자식요소에서는 mouseenter 와 mouseleave 이벤트가 발생하지 않음. 2. 자식요소의 영역을 계산하지 않는다. mouseenter 와 mouseleave는 자식요소의 영역을 계산하지 않는다. 자식요소가 이벤트의 영향을 끼치는지가 가장 큰 차이점이라고 생각할 수 있음.
[JavaScript] 이벤트 위임 오늘 할 일 자바스크립트 공부 유튜브 시청 저녁 약속 독서 이벤트를 적용할 때, 아래와 같이 반복문을 사용하여 나타낼 수 있으나, const list = documnet.querySelector('#list'); for(let item of list.children) { item.addEventListener('click', function(e) { e.target.classList.toggle('done') }); } const li = document.createElement('li'); li.classList.add('item'); li.textContent = '일기 쓰기'; list.append(li); '일기쓰기' 를 추가하면 그 추가된 아이템에는 이벤트핸들러가 적용이 되지 않는다. 이벤트 버..

티스토리툴바