TIL
33. Virtual DOM
ㅇVirtual DOM은 한국어로는 '가상 DOM'이라고 한다. DOM은 Document Object Model의 줄임말인데, Document는 HTML, XML을 뜻하고 Object는 노드 트리라고 유추해볼 수 있다. 노드 트리에는 Root Element, 태그(element), 내용 text, element의 attribute등이 포함된다. HTML이 곧 DOM인 것은 아니다. DOM은 브라우저에서 로드되는 것이다. 내가 IDE에서 작성한 HTML이 브라우저에 의해 파싱되어 실제 문서를 나타내는 노드 트리가 DOM인 것이다. IDE에 작성된 HTML은 단순 문자열일 뿐이며, 결과물을 보기 위해서는 브라우저가 필요하다. 브라우저가 이해하기 위해서는 이 '문자열'이 노드(객체)로 변환되어야 한다. 브라우..
Front-end 지식 목록
홈페이지가 사용자에게 보이는 순서에 대해 설명해주세요. 주소창에 www.google.com 을 입력하면 어떤 일이 일어나나요? 호이스팅에 대해 설명해 보세요. 클로저의 원리와 사용하는 이유 margin과 padding에 대해 설명해주세요. position을 어떻게 사용하는지 알려주세요. Restful API에 대해 아는대로 설명해 주세요(GET, PUT, POST, PATCH, OPTION, DELETE) this의 용법을 아는대로 설명해주세요 브라우저 저장소의 차이점 (LocalStorage, SessionStorage, Cookie) 자바스크립트는 어떤 언어인가요? -> 싱글 스레드 언어 하지만 실제 사용시에는 멀티 스레드처럼 사용하는데 어떻게 사용하나요? 비동기적으로 실행이 되는 것을 동기적으로 코..
픽셀과 접근성에 대한 놀라운 진실
https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/ The Surprising Truth About Pixels and Accessibility “Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to use in any scenario. www.joshwcomeau.com 넘 길어서 한번에 못 읽겠음.. 나중에 번역해..
부동산 관련 공공데이터
지도에서 이런저런 조건으로 필터링 된 물건들만 노출시키는 서비스를 만들고 싶음... 좀 디테일하게 주거용 > 아파트..라던가 주거용 > 단독주택..이라던가 중간에 버퍼링이 좀 있더라도 원하는 물건인지를 바로바로 알 수 있는.. 그러면 아예 다 띄워놓고 위에다 정보를 툴팁처럼 올리는게 더 나을까? 공시지가 관련 api 국토교통부_표준지공시지가정보서비스 토지의 단위면적당 공시가격, 공동/개별 주택가격 등 전국의 부동산 관련 공부 정보를 제공 www.data.go.kr 국토교통부_개별공시지가정보서비스 토지의 단위면적당 공시가격, 공동/개별 주택가격 등 전국의 부동산 관련 공부 정보를 제공 www.data.go.kr 공매 관련 api 한국자산관리공사_이용기관공매물건조회서비스 한국자산관리공사 온비드(Onbid) ..
[React] useEffect 완벽 가이드
https://overreacted.io/ko/a-complete-guide-to-useeffect/ useEffect 완벽 가이드 이펙트는 데이터 흐름의 한 부분입니다. overreacted.io 읽어보려고 스크랩
Golang References
https://appleg1226.tistory.com/21 Golang 찍먹해보기 자바라는 언어를 어느 정도 사용하다보니 이제 다른 언어를 건드릴 때 어떤 것을 집중적으로 공부해야 하는지 알게 되는 것 같다. 그런 의미에서 일부 개발자들이 굉장히 극찬하는 go라는 언어 appleg1226.tistory.com https://github.com/Alikhll/golang-developer-roadmap/blob/master/i18n/ko-KR/ReadMe-ko-KR.md GitHub - Alikhll/golang-developer-roadmap: Roadmap to becoming a Go developer in 2020 Roadmap to becoming a Go developer in 2020. Co..
[LeetCode] Reverse Linked List
오늘의 문제. recursive를 뿌셔보기로 했는데 뿌셔지는 것은 나.. Reverse Linked List - LeetCode Level 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 LinkedList를 거꾸로 뒤바꾸는 문제였다. 재귀는 생각이 안 나서 일단 temp를 설정해서 바꾸는 걸 시도했는데 포인터로 다음 노드를 가리키기 때문에 내가 생각했던 것보다 조금 더 복잡한 작업이 필요했다. class ListNode { int val; ListNode next; ListNode() {..
[LeetCode] Convert Binary Number in a Linked List to Integer
오늘의 문제. 링크드리스트에 들어 있는 이진수를 십진수로 바꿔라. Convert Binary Number in a Linked List to Integer - LeetCode Level 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 일단 자바로 한 번 풀고 public class cote0405_1290_ConvertBinaryNumberInALinkedListToInteger { public class ListNode { int val; ListNode next; ListNode() {..
[LeetCode] assign cookies (Python)
풀었던 문제를 파이썬으로 다시 풀어보기. 분명 풀었던 문제임에도 낯설다... Assign Cookies - LeetCode Level 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 from typing import List class cote0401_455_assignCookies: def findContentChildren(self, g: List[int], s: List[int]) -> int: g.sort() s.sort() index=0 count=0 for i in range(l..
[LeetCode] Two Sum (Python)
오늘은 JAVA로 풀었던 Two Sum을 Python으로 풀어보기 연습. 은 사실 어제 문제였지만.. 그리고 '다시 푼다'기 보단 자바 코드를 파이썬 코드로 옮기는 것에 가까운 것 같다. 이것도 생각보다 노력이 필요한 일이긴 하다... class Solution: #used Dictionary def twoSum(self, nums: List[int], target: int) -> List[int]: ansMap = {} for i in range(len(nums)): if target-nums[i] in ansMap: return [ansMap.get(target-nums[i]), i] else: ansMap[nums[i]] = i i+=1 #used double for clause def twoSum..