\(@^0^@)/

- 제로베이스 TS 강의 통일성을 위해 규칙을 가지고 null과 undefined 중 하나만 사용할 수 있도록 하자. any Type 지양하기. noImplicitAny or strict 옵션 true 권장 unknown Type은 any처럼 모든 값을 허용하지만, 상대적으로 엄격하다. TS에서 unknown으로 추론하는 경우는 없으니 개발자가 직접 명시해야 함. Array Type 둘 다 Array Type을 만드는 구문. 특별한 차이가 없으므로 개인의 취향에 따라 작성하면 됨. const strArr: string[] = ['str', 'str', 'str'] /* .JS const strArr = ['str', 'str', 'str']; */ /* .D.TS declare const strArr: ..

- 제로베이스 스쿨 수강후기 작성 - 1분 코딩 html5 canvas 강의 canvas 강좌 5 - 6 너무 재미있고 흥미롭게 보고 있는데도 강의를 보면 가끔 졸린 건 어쩔 수 없나보다...ㅠ 오늘을 끝으로 1분 코딩 채널의 canvas 관련 강의를 완료하였다. 오늘 학습한 강좌 5-6은 지난번보다 수학적인 개념? 들이 많고, 코드도 훨씬 길어져서 더 어려웠기에, 다음 주 저녁 파트에 TS와 REACT를 우선적으로 학습하고, 시간이 된다면 canvas 프로젝트를 조금씩 구현해보면서 복습해야겠음. canvas의 매력에 빠질 수 있는 정말 재밌고 만족스러운 강의였고, 개인적으로 포폴 사이트를 canvas 또는 인터렉티브 웹으로 구현해보고 싶은 욕심이 생겼다. 학습하면서 배운 간단한 프로젝트들에 기능을 추가..

- 제로베이스 REACT 강의 리액트 주요 개념 마무리 + 컴포넌트 스타일링 데이터를 가져와서 컴포넌트에 뿌려줄 때, reduce를 이용해볼 수 있다. react 공식 문서의 mock data를 사용해보자. filter함수를 사용해서 카테고리가 Sporting Goods 이거나 Electronics 일 경우의 데이터만 뽑아 올 수도 있지만, 그렇게 데이터를 추출한다면 만약 Sporting Goods 또는 Electronics가 없을 경우, 사용이 불가능하다. 즉, 코드의 확장성이 좋지 않으므로 reduce를 이용해서 어떤 카테고리가 나타나더라도 사용 가능할 수 있도록 구현해보자. import React from "react"; import products from "./products" export de..

- leetcode 알고리즘 연결 리스트 문제 풀이 head, tail이 분리되어있고 그 후에 val가 오는 연결 리스트 class Node { constructor(val = null, prev = null, next = null) { this.val = val; this.prev = prev; this.next = next; } } class MyLinkedList { constructor() { this.head = new Node(); this.tail = new Node(); this.length = 0; this.head.next = this.tail; this.tail.prev = this.head; } get(idx) { if (idx = this.length) ret..

- 유데미 알고리즘 연결 리스트 get메서드!! flow를 조금 더 생각하고 로직을 짜자. class Node { constructor(val) { this.val = val; this.next = null; this.prev = null; } } class DoublyLinkedList { constructor() { this.next = null; this.tail = null; this.length = 0; } get(index) { if (index = this.length) return null; let count, current; if (index

- 유데미 알고리즘 연결 리스트 연결 리스트 연습 문제풀이인 줄 알았는데 연결 리스트 학습했던 것 메서드 별로 복습하는 간단한 연습들이었다. 그래도, 이렇게 연습하면서 반 암기, 반 이해할 수 있으니 좋은 것 같음. - 쏙쏙 들어오는 함수형 코딩 책 챕터 2 : 현실에서의 함수형 사고 https://dev-minju.tistory.com/286 - 제로베이스 JS 강의 canvas 학습 https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D CanvasRenderingContext2D - Web APIs | MDN The CanvasRenderingContext2D interface, part of the Canvas API, ..

- 유데미 알고리즘 이중 연결 리스트 사용 예시 : 데이터를 반대방향으로 취급해야 하는 경우, 검색 기록을 봐야 하는 경우 데이터를 검색할 때 이중 연결 리스트(DoublyLinkedList)는 단일 연결 리스트(SinglyLinkedList)에 비해 절반의 소요시간이 걸린다. 오늘은 get, set, insert, remove 메서드들을 살펴보았고, 아래는 지금까지 배운 이중 연결 리스트의 최종 코드이다. 내일부터는 문제를 풀어보며 더 깊이 이해해보자. class Node { constructor(val) { this.val = val; this.next = null; this.prev = null; } } class DoublyLinkedList { constructor() { this.head = ..

- 제로베이스 React 강의 간단한 명함 추첨 이벤트를 구현하는데, 리액트를 최근에 공부를 안 해서 그런지 정말 많은 부분을 잊어서.. 리액트의 특징? 철학에 대해서 조차 많은 부분 기억을 못 해서 슬픈 하루였다.. 혼자서 최대한 구현을 해보고, 강의를 보며 내 코드와 비교해보았다. 데이터를 가져와서 렌더링 시키려면, useEffect를 사용해서 업데이트될 때만 재 렌더링 되도록 해주어야 한다. 또한 이 것이 업데이트되고 있는지 상태를 알려면 useState를 사용하여야 한다. 늘 api 받아와서 useEffect에 구독시켜서 update 될 때마다 렌더링 하는 것이 당연했는데.. 이 당연한 것도 잊어서 그냥 import 한 data 객체를 바로 사용했다 하하. 마지막에 모든 당첨자를 발표하기 위해, ..

- 유데미 알고리즘 이중 연결 리스트 push, unshift, pop, shift 단일 연결 리스트를 배워서 그런지, 그때보다 훨씬 이해가 잘 된다. 내일 나머지 배우고 얼른 문제를 풀어봐야 백 프로 이해할 수 있을 것 같다. class Node { constructor(val) { this.val = val; this.next = null; this.prev = null; } } class DoublyLinkedList { constructor() { this.head = null; this.tail = null; this.length = 0; } push(val) { let newNode = new Node(val); if (this.length === 0) { this.head = newNode;..

- 유데미 알고리즘 단일 연결 리스트 get 메서드 get메서드는 인덱스 혹은 위치를 의미하는 수를 인자로 받아서 주어진 위치에 있는 노드를 반환하는 메서드. class Node{ constructor(val){ this.val = val; this.next = null; } } class SinglyLinkedList{ constructor(){ this.head = null; this.tail = null; this.length = 0; } push(val){ var newNode = new Node(val); if(!this.head){ this.head = newNode; this.tail = this.head; } else { this.tail.next = newNode; this.tail = ..