본문 바로가기

전체 글30

[React] 불변성을 유지하며 객체 변경하기 react 하면 불변성입니다. 코드를 짤 때 '불변성을 지켜야 한다' 라는 말을 많이 들어봤을 거에요. 불변성이 왜 중요할까요? 1. 원본 데이터의 보존이전 자바스크립트의 원시 값과 객체에 대해 정리할 때, 객체를 할당한 변수는 주소를 저장한다고 노트했습니다. (참고 : https://pearjam.tistory.com/7?category=535826) 즉, 주소를 저장하기에 해당 객체의 수정이 일어나면 그 객체를 참조하던 변수들은 고스란히 변경된 값을 반영하고, 알 수 없는 에러가 발생할 수 있습니다.예시const mathClassStudents = ['Kim', 'Lee'] //수학 수업을 듣는 학생 명단const englishClassStudents = mathClassStudents //영어 수업.. 2022. 9. 28.
[Leetcode][Python3] 135. Candy 문제 유형: 그리디 문제 링크 : https://leetcode.com/problems/candy/ Candy - LeetCodeLevel up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview.leetcode.com 이 문제에 대해서는 할 말이 많다. 바로 배열을 딱 하나만 쓰려는 도전 때문이다.학교 과제로 이 문제를 풀었는데, 공간복잡도를 줄이면 Bonus Credit를 주는 줄 알고 열심히 풀었다.나름 고민의 과정이 가치 있었다고 생각하기에 공유하고자 한다. 특히 코드를 보면 돌아가기는 하는데 매우 지저분하게 짜여 .. 2022. 4. 26.
[Leetcode][Python3] 269. AlienDictionary 카테고리 : 위상 정렬 알고리즘 게시판이 너무 오래 비워져 있어 활성화 차원에서 글을 게시한다. 269번 문제는 프리미엄이 걸려 있어 구매해야만 볼 수 있다 처음에 리트코드에 있는 문제인 줄 모르고 뒤지다가 종만북에 있는 비슷한 문제를 찾았었다. 그러나 전혀 다른 유형의 문제였다. 코드는 다음과 같다. 열심히 주석을 적어 놓았으니 참고가 되길... from queue import Queue def LanguageOrder(words) : graph = {} #Use Dictionary to get the information. list={} #Make the adjacency list to contain the information. #Step 0. Setup the basic information to.. 2022. 4. 25.
[JavaScript] This : binding 중심 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다. this를 통해 자신이 속한 객체, 또는 자신이 생성할 인스턴스의 property나 method를 참조할 수 있다. JS의 this는 함수가 호출되는 방식에 따라 this의 바인딩이 동적으로 결정된다. 호출 방식 this 바인딩 예제 해설 일반 함수 호출 global object가 바인딩 전역 객체 window를 가리킨다 메서드 호출 method를 호출한 객체 method를 호출한 객체 obj 생성자 함수 호출 생성자 함수가 생성할 인스턴스 생성자 함수가 생성한 인스턴스 prototype의 apply/call/bind method에 의한 간접 호출 첫 번째 인수로 전달한 객체 인수에 의해 결정 예제 const foo .. 2022. 2. 24.