목록TDL (119)
\(@^0^@)/
- 자료구조 / 알고리즘 (Js ver.) 강의 강의로 스택 학습. Hello Coding으로 재귀 및 호출 스택 학습. 17:50 오후 회고 스터디 (만족도 : 6) 계획을 달성하지 못했고, 생각만큼 집중이 좋지 않았기에 6점. - 자료구조 / 알고리즘 (Js ver.) 강의 괄호 짝 찾기 괄호의 짝 별 위치를 [시작, 끝]으로 찾아 2차원 배열 형태로 반환. 위치 시작 값은 0으로 시작하며, 하나라도 짝이 맞지 않을 경우 빈 배열 반환 예시) 입력 값 출력 값 (a*(b+c)+d) [[3, 7],[0,10]] (a*b+c)+d)+e) [ ] let result = []; let stack = []; for (let i = 0; i < str.length; i++) { if (str[i] == "(")..
- Hello Coding 알고리즘 TIL 작성 - 자료구조 / 알고리즘 (Js ver.) 강의 해당 숫자의 자릿수 별 빈도수 구하기 (간단하게 정리하기 위해서 num값을 미리 지정하였음) // 자릿수 계산 let result = []; let num = 1234; // 1. 배열안에 각 자릿수 별 index 생성. for (let i = 0; i < 10; i++) { result[i] = 0; } // 2. 각 자릿수의 빈도수를 적립. while (num != 0) { result[num % 10]++; num /= 10; num = parseInt(num); } console.log(result) // (10) [0, 1, 1, 1, 1, 0, 0, 0, 0, 0] 0부터 9까지의 총 10개인 숫자..
코테를 보고 충격 먹었으면 공부를 더 열심히 해야 하는데 역으로 엄청 오래 쉬고 저녁 아홉 시 반에서야 공부 조금 해보려고 책상에 앉은나... 오잉? 어린이날이라서 그렇다^^ 매일 쉬는 날인데 남들 쉴 때도 또 쉬고 싶은 나... 오잉~ - 자료구조 / 알고리즘 (Js ver.) 강의 아직도 연결 리스트 자료구조 학습하는 중... 대충 이해가 됐다고 생각했는데, 또 막상 문제를 풀려하면 쉽게 접근을 못 하겠다. 그 말은 아직 자료구조를 제대로 파악 못한 거지ㅠ 근데 계속 이론만 학습할 수는 없는 것 같고, 문제를 풀면서 이해하고 정리해야 할 것 같음. [ 출처, 참고 : 제로베이스 프런트엔드 스쿨 ]
- 자료구조 / 알고리즘 (Js ver.) 강의 원형 연결 리스트 (Circular Linked List) 각 노드가 데이터와 포인터를 가지며, 원형 형태로 연결되어 있는 방식으로 데이터를 저장하는 자료 구조 구현 메서드 (method) 노드 개수 / 비어 있는지 확인 : CircularLinkedList.size(), CircularLinkedList.isEmpty() 노드 추가 : CircularLinkedList.append(), CircularLinkedList.insert() 노드 삭제 : CircularLinkedList.remove(), CircularLinkedList.removeAt() 데이터 위치 확인 / 노드 출력 : CircularLinkedList.indexOf(), Circula..
지금까지 약 3주? 동안 너무 루즈해져서 내 계획보다 해야 할 것들을 많이 못 했기도 했지만.. 또또 계획을 잘 못 세운 느낌ㅠ 내일부터 매주 알고리즘 테스트를 보는데, 너무 준비가 안되어 있는 상태라서 걱정이다. 이게 한순간에 실력이 느는 것이 아닌데.... 그래도 알고리즘을 어느 정도 풀 수 있는 상태로 만드는 것이 우선이라 생각하여 오늘부터는 알고리즘 위주의 학습을 하기로 계획을 수정했다. 하지만 이것 또한 맞는 플랜인지 잘 모르겠다..ㅠ 그냥 계속 계속 계획하고 수정하며, 내가 지금 맞는 길로 가고 있는지, 무엇이 필요하고 무엇이 부족한지 메타인지를 하며 공부하고 목표를 세워야 할 것 같다. - 자료구조 / 알고리즘 (Js ver.) 강의 연결 리스트를 학습하였는데, 정리하다 보니 내용이 너무 길..
- JS 기본 문법 즉시 실행 함수 표현 (IIFE, Immediately Invoked Function Expression) var는 전역, 함수 스코프여서 코딩할 때 문제가 많았음. ES6 및 블록 스코프 let, const가 도입되기 전, 자주 사용했던 표현식. 쉽게 말하자면, 블록 스코프를 흉내 내는 새로운 스코프를 만들어내는 표현식. IIFE 표현식을 활용할 때는 맨 앞 또는 맨 끝에 무조건 세미콜론을 붙여줘야 한다. // IIFE (function () { /* ... */ })(); // 화살표 함수 IIFE (() => { /* ... */ })(); // 비동기 IIFE (async () => { /* ... */ })(); // 매개변수 받는 법 (function (nums) { con..
- JavaScript youtube-video Fullscreen() 메서드 사용 https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API Document.exitFullscreen() : 전체 화면 모드에서 창 모드로 다시 전환하도록 요청 Element.requestFullscreen() : 사용자 브라우저에 지정된 요소를 전체 화면 모드로 전환하여 브라우저의 모든 UI 요소와 다른 모든 응용 프로그램을 화면에서 제거하도록 요청 사용자마다 사용하는 브라우저가 다르기에 (예: mozFullScreenElement, msFullscreenElement, webkitFullscreenElement)을 확인해야 하고, 지원하지 않는 모델일 경우를 대비..
- JS 기본 문법 객체를 배열로 리턴하는 메서드들 Object.keys() : keys의 배열을 제공하는 것과 동일한 순서로 반환. const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.keys(object1)); // expected output: Array ["a", "b", "c"] Object.values() : values의 배열을 제공하는 것과 동일한 순서로 반환. const object1 = { a: 'somestring', b: 42, c: false }; console.log(Object.values(object1)); // expected output: Array ["somestring", 42, false]..
- JS 기본 문법 https://www.youtube.com/watch?v=Um-CJHNc5Pw https://www.youtube.com/watch?v=tpl2oXQkGZs&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4&index=11 - JavaScript carousel className을 추가해서 각 위치들 초기화 items요소의 1번째 index 0을 current로, 이전(prev)은 current의 이전인 items 요소의 맨 끝 5번째 index, 4에 추가, 다음(next)은 current의 다음인 2번째 index, 1에 추가한다. class Carousel { constructor(carouselElement) { this.carouselElement = c..
- JS 기본 문법 instance : 특정 공간의 메모리를 차지하고 있는 실제 고유한 객체 https://en.wikipedia.org/wiki/Instance_(computer_science) prepend() : 첫 번째 자식 앞에 Node개체 또는 개체 집합을 삽입 https://developer.mozilla.org/en-US/docs/Web/API/Element/prepend // 요소 추가 let div = document.createElement("div"); let p = document.createElement("p"); let span = document.createElement("span"); div.append(p); div.prepend(span); console.log(div...