본문 바로가기

javascript15

[PGS/JavaScript] 이분탐색 - 입국심사 function solution(n, times) { times.sort((a, b) => a - b); let min_time = 1, max_time = n * times[times.length - 1], mid, peopleSumEachCase; while (min_time = n) { max_time = mid - 1; } else { min_time = mid + 1; } } return max_time+1; } 그냥 느낌으로 돌려봤더니 왜 맞았지... 이진탐색 자체가 어려운 건 아닌데 logic을 다시 따져보자~ 2022. 2. 4.
[BOJ/Node.js] 1786 찾기 결국 kmp 알고리즘 구현 문제 function lpsTable(str) { const len = str.length; let returnTable = new Array(len).fill(0); for (let i = 1, j = 0; i 0 && str[i] !== str[j]) j = returnTable[j - 1]; if (str[i] === str[j]) returnTable[i] = ++j; } return returnTable; } function kmp(long, short) { let table = lpsTable(short), lenLong = long.length, lenShort = short.length; let j = 0, count .. 2022. 1. 30.
[JavaScript] Chrome에 Code Snippets 저장하기 + Debugger https://www.udemy.com/course/best-javascript-data-structures/ 자료구조 스터디에서 현재 main reference 삼고 있는 강의. 시중에 나와있는 강의 중에서 JavaScript를 이용한 알고리즘이라던가, 자료구조 강의가 마땅한게 없는 와중에 스터디에서 선택하게 된 강의 강의 초반 상당히 흥미로운 사실을 알게 되었는데, 바로 Chrome 개발자 도구를 이용한 JavaScript Code Snippets이 그것이다. DevTools(F12 | Ctrl + Shift + i) -> Sources -> Snippets 창이 있다! 괜히 유용한 것이 아니다. 크롬에 저장된 JS 코드니까 당연히 바로 실행(Run Snippet)해볼 수도 있다. 물론 코드의 결과물.. 2022. 1. 6.
[멋사 FE 스쿨] 36일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 36일차 오전(09:00~11:50) 수업 w/ Wade 수업 JavaScript 최적화(Optimization) 실무에서 최적화는 다른 작업보다 우선순위가 떨어진다. → 일정이 빠듯해서 TDD 쓰는 프로젝트? → 팀장님들이 강하게 주장하는 경우 사용자에게 만족스러운 경험 제공 왜 속도가 중요한가? https://web.dev/why-speed-matters/ 이미지 최적화 사이트 https://kraken.io/web-interface 세밀한 이미지는 왜 svg가 좋지 않을까? → 벡터 이미지가 세밀하면 세밀할수록 svg는 코드로 만드는 이미지이기 때문에 코드의 양이 많아져서 용량이 너무 커짐 그래서 단순한 이미지를 svg로 해주는 게 좋음 용량이 작.. 2021. 12. 20.
[멋사 FE 스쿨] 31일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Wade 싸피 면접..ㅎ 기타 주요해보이는 챗들 문자열은 원시값 : 인스턴스간에 값 공유가 불가능 원시타입의 값은 값의 위치를 참조하는 것이 아니라 값을 복사함. 그래서 같은 값을 공유하는게 아니라 계속 새로운 값이 복사가 된다. 데이터 관리 객체 : 은닉하고 있다가 필요할때 다른 객체에 전달 혹은 수정 뷰어 객체 (데이터, 인풋, 버튼, 뷰어를 연결하는 객체) 오후(13:00~14:00) 수업 w/ Wade IIFE - 즉시 실행함수(Immediately Invoked Function Expression) Jasmine → spyOn, toHaveBeenCalled는 짝이다. 생성자함수에 method 만들어주려면.. 2021. 12. 13.
[멋사 FE 스쿨] 30일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Wade 수업 DOM innerHTML은 tag를 읽어내는 기능까지 있기 때문에 비용이 비싸다. 그러므로 그냥 text만 넣고 싶다면 textContent 등으로 넣어주기 innerText도 태그를 인식하지 못한다. innerText vs textContent https://developer.mozilla.org/ko/docs/Web/API/HTMLElement/innerText#예제 textContent는 공백 및 줄 바꿈과 같은 서식을 인식하고 반환해주고 마크업만 제거해서 반환해줌. (브라우저 호환성도 좋고, 텍스트 콘텐츠의 raw 값을 보여줘서 파싱이 빠릅니다. inner Text는 css가 랜더링 됨 tex.. 2021. 12. 10.
[멋사 FE 스쿨] 29일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Licat morning break 우리 수업의 난이도들 HTML - 하 CSS - 중 JS - 상 Bootstrap, Tailwind - 중하 Linux - 중 SCSS - 중하 jQuery, Ajax - 하 Node - 중상 React - 중 MongoDB, mySQL - 중 Node는 사실 JS의 런타임이기 때문에 JS를 제대로 알아야한다. 알고리즘은 시니어 넘어가려는 사람, 코테 준비하는 사람 아니면 사실.. 로컬 폴더에 있는 json 파일의 데이터를 변수안에 담으려면? → fetch를 이용하거나, js로 저장해서 연결하기 CRUD 수업 어제 콜백지옥 이어서 → Promise로 해소까지 사실 Promise로.. 2021. 12. 9.
[멋사 FE 스쿨] 28일차 리뷰 + 보라님 특강 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Licat morning break 코드의 질로써 어필할 수 있다면 모르겠지만 우리가 책을 낸다면 이력을 만들기 위한 책이지 홍보를 위한 책이 아니다. 유행은 돌고돈다. jQuery가 굉장히 유행했을 때도 있었고.. 리액트 죽을 수도 있다. 핵심은 JavaScript다. JavaScript는 죽을 수 없다..ㅠ 수업 오버라이딩 오버로딩 자스엔 왜 오버로딩이 없을까? → 나중에 오버로딩(overloading)이란? function sum(x, y) { return x + y; } function sum(x, y, z) { return x + y + z; } function sum(int x, int y) functi.. 2021. 12. 8.
[멋사 FE 스쿨] 27일차 리뷰 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Licat 수업 어제 수업에서 테이블에 적혀있는 텍스트를 가져오는 구현을 요청한 사람(나..ㅎ)이 있는데 실무에서 그렇게 쓰이지는 않을 것이다. 보통 테이블에 적혀있는 table 각 row 이름과 key 값이 다를 확률이 높기 때문 이해가 안간다?? 필사 필사 필사가 진짜 도움이 된다 filter 자체가 단순 for문을 넘어서기 때문에 for문 순회가 filter보다 더 적다고 무조건 좋은 건 아니다. 실무 시각화에서 D3와 Chart.js랑 비등비등하다. D3가 어려운것도 어려운 건데 Chart.js가 효율적이다. D3는 학습 비용이 너무 크다 간단한 차트 그리기에는 Chart.js가 가장 적합하다 프로젝트가 2.. 2021. 12. 7.
[멋사 FE 스쿨] 26일차 리뷰 + 스프린트, 모의면접 멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프 오전(09:00~11:50) 수업 w/ Licat morning break 깃헙 skill set을 FE에 맞게 잘 정리해놔라 이력서 (이력, 회사지원동기) / github / 홈페이지나 블로그 등 이력서에 관련없는 수상을 지우는 경우가 있던데 대표님 같으면 쓰겠다. 그 수상 과정에서 깨달은 것들을 적을 수 있으니깐 무엇보다 회사 지원 동기를 면밀히 검토할 필요가 있다. 이력서는 pdf로 수정 불가능하게 주는데, ppt, notion으로 그냥 띡 보내면 버릇이 없다(?)고 보는 경우가 있다. 회사 분위기에 맞게끔 준비를 잘 하자 무엇이 중요하고, 캐치한 것이 무엇인지 잘 어필할 수 잇도록 FE가 갖춰야할 가장 큰 소양? 우리 수업에서 캐치해가야할 가장 .. 2021. 12. 6.