dkim's devlog dkim's devlog

[JS 문법 종합반] 1주차 : 자바스크립트 기본 문법 | Notion매 주차 강의자료 시작에 PDF파일을 올려두었어요!teamsparta.notion.site JavaScript 개인 과제 | Notion과제를 살펴볼까요?🤔teamsparta.notion.site -- 학습 키워드: javascript, array, filter, transform, flip, hover 1. JS Array의 기능들과 filter() - 자바스크립트 문법 종합반 1주차를 수강했는데, 전부 다 아는 내용이라고 생각했지만 자세히보니 배열 부분에서 몰랐던 한 가지 특징이 있었다. 바로 배열의 기능들인데, JS에서는 마치 배열이 stack이나 queue 처럼 작동할 수 있게 하는 array의 기능들이 존재한다.// 배열을 ..

-- 학습 키워드: Javascript, module, MySQL, SELECT 1. Script module - script 태그의 type을 module로 지정하면 해당 스크립트가 가장 마지막에 로드된다고 한다. 어쩐지 저번에 firebase 데이터를 불러오는 스크립트를 별개의 js 안에서 만들었더니 동작을 안해서 결국 module이 붙은 스크립트 안에 같이 넣었는데, 모듈 스크립트가 가장 마지막에 로드되기 때문에 다른 스크립트에서 firebase 설정이 아직 로드되지 않은게 문제였다.  2. 프로그래머스 MySQL Query Select 문제 풀이 및 설명https://school.programmers.co.kr/learn/courses/30/lessons/59407SELECT ANIMAL_ID F..

위크맵과 위크셋 ko.javascript.info  WeakMap - JavaScript | MDNA WeakMap is a collection of key/value pairs whose keys must be objects or non-registered symbols, with values of any arbitrary JavaScript type, and which does not create strong references to its keys. That is, an object's presence as a key in a WeakMap dodeveloper.mozilla.org -- 학습 키워드: javascript, map, weakmap, memory leak, caching 1. Map과..

-- 학습 키워드: git, merge, JSON placeholder, jQuery, fetch, ajax 1. git merge - 협업중에 어느 순간부터 특정 branch를 merge 시킬때마다 일부 코드 (내 코드 포함)가 아무런 충돌 표시 없이 누락되는 상황이 생겼다. 짐작한 원인으로는 누군가의 rebase 혹은 merge 의 어느 시점에서 내가 작성하던 rotate-card 의 코드가 다른 사람의 branch에 있던 rotate-card의 코드보다 뒤쳐져있다고 판단하게 만든 것 같다. 한 개의 branch에서 지속적으로 이 상황이 벌어져서 기회가 되면 해당 branch의 commit history를 조사해 볼 필요가 있겠다. 2. JSON placeholder - 가짜 JSON을 되돌려주는 사..

https://teamsparta.notion.site/Chapter-1-77677e4e57624d0f80027384264c3604 -- 학습 키워드: Overlay, css, 날씨 API, Javascript 1. Overlay (CSS) - 어제 구현했던 카드 회전 기능에 더하여 카드들에 overlay를 입혀서 반짝거리는 기능을 구현하려고 했는데, overlay용 div가 카드 위로 올라가지 않는 상황이 생겼다. div의 position 값이 무엇인지, z-index 값이 지정되어있는지에 따라서 div의 표시 우선순위가 바뀐다고 하는데, position 값이 absolute와 relative로 설정되어있는 상태로는 z-index가 오버레이 div의 표시 순서에 영향을 주지 않았다. position 값..

https://teamsparta.notion.site/6f9af2db82c349209aa0238be87808b2 [왕초보] 웹개발 종합반 | Notion설치 프로그램teamsparta.notion.site웹개발 종합반 3~5주차 과제 완료, CSS를 이용한 Container 회전 -- 학습 키워드: Github Pages, Firebase, CORS, transform 1. Github Pages - Github에서 Pages를 통해 repo 내의 특정 branch를 호스팅 할 수 있다. 하나의 repo에서 한 개의 호스팅만 지원하기 때문에 이번과 같이 과제 프로젝트 여럿을 하나의 repo에 몰아넣으면 귀찮아진다. 2. Firebase - Google이 지원하는 클라우드 데이터베이스 서비스다. 이전에 ..