Bleeding edge

파일 경로를 다음과같이 만들었을 때 (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..

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

HTML의 Document는, 1. DOMContenLoaded 2. load 3. beforeunload 4. unload 이렇게 네가지의 이벤트로 리소스 로딩 언로딩의 시점에 이벤트를 컨트롤 할 수있습니다. DOMContentLoaded 1. DOMContentLoaded는 document 객체를 기준으로 발생하기 때문에, addEventListener을 사용해야합니다. 2. script안에 있는 스크립트가 모두 처리된 후에 발생합니다. 2 - 1 2에대한 예외로, async 속성이 있는 스크립트는 DOMContentLoaded의 '모두 처리'의 대상에 포함이 안되기 때문에, async가 실행이 안되더라도 DOMContentLoaded는 발생할 수 있습니다. load window 객체의 load가 끝..

For Frontent Favorites 일명, 프론트엔드를 위한 즐겨찾기 깃페이지를 만들려고 한다. 어떤 내용을 넣을까애 대해서는 일주일정도 고민을 했다. 그리고, 어떤식으로 만들까에 대해서도, 고민을 해야하는데, (지금 진행하고있는 IFBAEMIN에 대한 피드백이 어떤식으로 만들까를 너무 이리저리 움직여서 시간이 더 지연됬다고 생각한다) 이 고민하는데 일주일이 걸린거 같다. 1. 내가 이번에 다루고 싶은것은 JSON 파일 정리이다. 즉, 내가 필요한 JSON 파일을 업데이트하여, 사이트에 알맞게 뿌릴 것이다. 2. Button copy를 사용할 것이다. 사실 뭐 다른거 안들어가니? 라고 할 수도 있는데 이번프로젝트는, 내가 CSS 및 다른 JAVASCRIPT, HTML을 만들 때, 공부한다고 하긴 그..

https://programmers.co.kr/learn/courses/30/lessons/68645 코딩테스트 연습 - 삼각 달팽이 5 [1,2,12,3,13,11,4,14,15,10,5,6,7,8,9] 6 [1,2,15,3,16,14,4,17,21,13,5,18,19,20,12,6,7,8,9,10,11] programmers.co.kr 개인적으로, 이 문제는, 내가 코딩테스트를 하면서 수정하거나 신경써야할걸 많이 알려준 문제라고 생각한다. 우선 이문제는 한 4회정도..? (1회차당 하루다) 시도해봤었던 문제인데, 다풀렸다 했을때 항상 error를 못잡았던 기억이 있다. 지금와서 생각해보면 문제풀이에 부족했었던걸 정리해보았다. 1. typeof 문제, 문제풀이에서 Numer와 String가 삽입되거나 ..