Bleeding edge

1, 2, 3 는 수정사항 4, 5 는 앞으로의 계획 1. 다른 페이지들의 z-index를 건들다보니 스위치쪽이 css상으로 안보이는 현상이 있어서 스위치 쪽에 z-index을 추가했다. z-index를 건들때는, 다른 주변에 어떤 것들이 변하는지 확인을 잘해야할꺼같다. 2. observer intersection을 사용하려고하는데.. 다음과같은.. 문법 요류(SyntaxError)가 나왔다. 저 위치에서 console.log를 쳐보니, 옵저버의 대상이 되는 엘리먼트 값이 null로 뜨기 때문이었다. 임시로 #app container로 박스를 잡고, 나중에, 스크롤 감지를 해야하는 박스를 추가한다음에 다시 수정해야겠다. 3. 전혀 생각치 못한 에러가 있었는데.. 깃허브에서 이미지 주소는.. 내가생각하던 ..

2차원 array를 만드는 방법은 여러개가 있다. for문을 쓰는 방법도 있고, const arr= new Array(n).fill().map(_ => []); new 연산자를 이용하는 방법이 있다. 그리고.. const arr = Array.from({length : n}, () => []) 빈칸이 n개인 object를 만들고 이를 Array시키는 방법이다. fill도 좋지만 이것도 상당히 좋아보여서 메모합니다

firestore에서 주어진 기능인, limit를 잘못사용하여서 시간이 너무 많이 소모되었다.. ㅠㅠ 우선 firestore의 limit을 한번 혹은, 똑같은 index 0부터 limit까지 출력하는데는 전혀 지장이 없지만, startAt이나 startAfter 와 같이, 몇 개 이후부터 보여줄것! 을 사용하려고하면, orderBy와 같이 기준을 만들어야 한다. 이때 주의해야할 것은 firestore내에서, 색인을 설정을 안하면 아래와 같은 error가 뜬다는 것이다. 사실 밑에 console.firebase.google ...를 누르고 색인 설정을 할 수가있는데.. 다른 메소드를 잘못사용한줄알고 이리저리 시도하다가 시간을 좀 많이 허비했다.. ㅠㅠ 지금 내가 사용하려고하는 startAt같은 경우, li..

파일 경로를 다음과같이 만들었을 때 (index.html을 제외한 파일은 모두 src에 있다) index.html에 app.js를 src시켰다. 이 때 특이한 점을 발견했는데, import 할때와, fetch의 폴더가 같은데 경로를 적용하는게 다르다는 것을 느꼈다. import data from "./data.js" fetch("./src/data.json") .then(function(res){ return res.json(); }) .then(function(data){ console.log(data) }) data() import는, app.js를 기준으로 경로가 정해지고. fetch는 index.html( 와 같이 app.js를 붙인 곳 )을 기준으로 경로가 정해진다.

https://programmers.co.kr/learn/courses/30/lessons/17682 코딩테스트 연습 - [1차] 다트 게임 programmers.co.kr 문제를 두번 다 풀었는데, 좀 아쉬운게 있어서, 다른사람의 풀이도 봤었다 우선 아래에 있는 것은 내풀이이다 function solution(d) { let list = []; for(let i = 0 ; ia+b,0) } 우선, 아쉬웠던건, 각 케이스(3번의 발사)를 정규식을 통해서 분리를 해야했는데, 이게 어떻게 해야할지 감이 너무 안잡혀서, for문을 억지로 만든 케이스다. (이전에 풀었던것도 전혀 다르지 않았다) 다른사람의 풀이를 보던중에, 정규식을 정말 예쁘게 푸신분이있는데 (이분은 정말 코드를 예쁘게 쓰시는거 같아서 배우고싶..

https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=292815727 면접을 위한 CS 전공지식 노트 디자인 패턴, 네트워크, 운영체제, 데이터베이스, 자료 구조 등 면접에 필요한 CS 전공지식을 모두 담고 있다. 200여 개의 그림과 코드로 이론을 자세히 설명하고, 실무 활용법을 함께 다뤄 이론과 www.aladin.co.kr 광.. 광고아닙니다 ;ㅁ; 흑 맨날 면접준비 어떻게 해야하나 너무나 고민하다가 우연히 발견한 책이, 예약하구 28일쯤 도착한다고해서 엄청 기다렸었는데 오늘 드디어 도착해서 너무좋았습니다. 이전에 공부할때 네트워크 관련 서적을 읽었으나 너무 좀 지식이 정돈되지가 않았었는데, 개념을 심플하고 잘 정리해 놓은거같아서 좋은거 같습닏...(아직 다읽..

https://programmers.co.kr/learn/courses/30/lessons/92335 코딩테스트 연습 - k진수에서 소수 개수 구하기 문제 설명 양의 정수 n이 주어집니다. 이 숫자를 k진수로 바꿨을 때, 변환된 수 안에 아래 조건에 맞는 소수(Prime number)가 몇 개인지 알아보려 합니다. 0P0처럼 소수 양쪽에 0이 있는 경우 P0처럼 소 programmers.co.kr 음.. 문제 풀이 플로우는 상당히 빨리잡았지만.. 실수로 isPrime 함수를 잘못써서.. 시간이 살짝 걸린 문제이다. 이 실수는.. 반성하기로하고. 이 실수를 제외한 플로우 차트를 쓰자면 (실수는 반복문 부분에 num%i를 넣어야하는데 i%sqrt를 넣는 기괴한짓을 했다. 1. isPrime - 소수를 찾기 ..

https://programmers.co.kr/learn/courses/30/lessons/12949 코딩테스트 연습 - 행렬의 곱셈 [[2, 3, 2], [4, 2, 4], [3, 1, 4]] [[5, 4, 3], [2, 4, 1], [3, 1, 1]] [[22, 22, 11], [36, 28, 18], [29, 20, 14]] programmers.co.kr 문제의 난이도가 어렵진 않다. 단지, 행렬의 계산이 어떻게 되는지를 머리로 잘그리고, 반복문에 수행되는 i, j, k 를 지정하는게 상당히 불편하다. 1. 사람마다 array를 만들면서, 문제를 푸는경우, 혹은 나처럼, 먼저 0을 넣어서 행렬의 모양을 만드는 풀이 두가지로 처음 풀이가 갈릴꺼 같다. (맨처음 for문을 사용한이유에 대한설명) le..

만들다보니 너무 반복적인 내용이 너무 많이나와서.. 공부보다는 그냥 반복작업을 하는거 같아서 파이어 베이스에서 간단하게 카테고리별로 메뉴가 나오게하고, 무한스크롤을 넣을까.. 생각중이다.