본문 바로가기

전체 글198

[Javascript] (LeetCode) 217. Contains Duplicate (Easy) [Javascript] (LeetCode) 217. Contains Duplicate (Easy) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * @param {number[]} nums * @return {boolean} */ var containsDuplicate = function(nums) { return nums.filter((x, i) => nums.indexOf(x) !== i).length > 0; }; indexOf는 결국 앞에서부터 하나씩 비교하니까 O(n)일거고, 그걸 모든 원소에 적용하면 O(n**2)일듯 ㅠ 다른 사람 풀이 var containsDuplicate = function(nums) { return new Set(nu.. 2022. 7. 24.
[Javascript] (LeetCode)122. Best Time to Buy and Sell Stock II (Medium) [Javascript] (LeetCode) 122. Best Time to Buy and Sell Stock II (Medium) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * @param {number[]} prices * @return {number} */ var maxProfit = function(prices) { // diff함수에 다 담아서 // +값 다 더하기 const diffs = []; for (let i = 0; i 0 ? diffs.push(diff) : null; } return diffs.red.. 2022. 7. 22.
[Javascript] (LeetCode)121. Best time to buy and sell stock (Easy) [Javascript] (LeetCode) 121. Best time to buy and sell stock (Easy) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * @param {number[]} prices * @return {number} */ var maxProfit = function(prices) { // 비교해서 전날 보다 싼 날이 있는지 확인 // for돌리면서 -되면 팔기, // 그냥 배열에 오늘과 다음날의 비교값을 다 담아서 +인지 아닌지 여부 확인해서 + 이면 팔고 -이면 안팔고 이런식으로 해야될것 같은데 ? const maxNums = []; let maxNum = Number.MIN_VALUE; let j = 1; let .. 2022. 7. 21.
[Javascript] (LeetCode) 26. Remove Duplicates from Sorted Array (Easy) [Javascript] (LeetCode) 26. Remove Duplicates from Sorted Array (Easy) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * @param {number[]} nums * @return {number} */ var removeDuplicates = function(nums) { const result = []; let preValue; let k = 0; for (let i = 0; i < nums.length; i++) { if (preValue !== nums[i]) { nums[k] = nums[i]; k++; preValue = nums[i]; } } return k; }; 배운 점, 느낀 점 .. 2022. 7. 20.
[javascript] Type 복습하기 MDN 자료 Javascript Data Types 기본 자료형 (Primitive) (불변 자료형) String Number Boolean Undefined Null Symbol (ES6에서 추가 객체 아래는 공부하며 잘 몰랐던 내용입니다. Typeof Null Typeof Null 하면 결과값으로 "object"가 나온다. 이는 null이 빈 객체를 참조하고 있기 떄문이다. Typeof Array 또한 "object"이다. 자바스크립트에선 객체를 이용해 배열을 흉내낸 Array객체를 구현한 것이 Array이기 때문이다. 포이마웹 - 자바스크립트 배열은 배열이 아니다 2022. 7. 20.
[css] block, inline, inline-block block block은 레이아웃을 잡는데 기본이 되는 요소이다. div를 필두로, h1 ~ h6, form, header, aside, article, address, table, 등등이 block이 기본인 요소들이다. Block의 특징 block의 특징은 width, height, margin, padding 설정이 가능 하다는 것이다. 또한 block 내부에 다른 block이나 inline등을 배치하고 레이아웃을 지정해주는 역할 또한 가능하다. inline inline은 block과 반대되는 개념이다, span, a, img, input, label, button 등이 inline이 기본인 요소이다. inline의 특징 inline은 width, height 지정이 불가하며, 컨텐츠의 영역이 크기로 .. 2022. 7. 19.
[css] Layout 잡기 1 (position 속성 - relative, absolute, fixed) 오늘은 CSS에서 가장 중요한 "레이아웃"을 잡기 위해 사용되는 position 속성에 대해 포스팅한다. position : fixed; { position : fixed; } 는 상단 바 (nav bar)나 aside bar를 만들기 위해 보통 사용하는 CSS속성이다. 이름에서 유추할 수 있듯, 위치를 고정시키기 때문에 스크롤을 아래로 내려도 상단에 nav bar가 유지되는 걸 구현할 수 있다. 빠르게 코드와 결과물을 보도록 하자. Relative, Absolute { position : relative; } 는 left, right, top, bottom 과 함께 사용하여 위치를 지정할 수 있다. { position : absolute } 는 부모 중에 position이 relative, fixed,.. 2022. 7. 19.
Simentic Web이란? (img태그와 background-image의 차이) HTML / CSS 기초를 다시 훑는 중 "Simentic Web, Simentic Tag란 무엇일까?" 라는 질문에 답하기 위해 포스팅합니다. 한 줄 정리 시멘틱 웹은 "컴퓨터가 이해할 수 있는 웹", "사람이 이해하기 쉬운 웹"이고 이를 가능하게 해주는 방법이 "시멘틱 태그"를 사용하는 것이다. Simentic Web Simentic Web을 직역하면 "의미론적인 웹"이란 뜻이다. 이를 한국어로 제대로 번역하면 1) 기계도 이해할수 있는 웹, 2) 개발자가 한층 더 이해하기 쉬운 웹 이라고 번역하면 될것 같다. 예를 들면 과거에는 태그 하나로 모든 HTML 문서를 작성 하다 보니 HTML 한 페이지 안에 div태그만 수십개가 존재했고, 이를 해결하기 위해 "id, class" 등의 attributes.. 2022. 7. 18.
[Javascript] (LeetCode) 19. Remove Nth Node From End of List (Medium) [Javascript] 19. Remove Nth Node From End of List (LeetCode - Medium) 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * Definition for singly-linked list. * function ListNode(val, next) { * this.val = (val===undefined ? 0 : val) * this.next = (next===undefined ? null : next) * } */ /** * @param {ListNode} head * @param {number} n * @return {ListNode} */ var removeNthFromEnd = function(he.. 2022. 7. 14.
[Javascript] LeetCode 876. Middle of the Linked List [Javascript] LeetCode 876. Middle of the Linked List 💡 구글에 Javascript 풀이가 많이 없거나, 배운 점이 있으면 포스팅합니다. 내 풀이 /** * Definition for singly-linked list. * function ListNode(val, next) { * this.val = (val===undefined ? 0 : val) * this.next = (next===undefined ? null : next) * } */ /** * @param {ListNode} head * @return {ListNode} */ var middleNode = function(head) { let node1 = head; let node2 = head; w.. 2022. 7. 14.