# javasciprt

Project: doday_step1
doday 는 todo 기능 과 D-day 기능을 합친 챌린지 앱입니다.Javasciprt 연습과 Node.js 를 사용해 간단한 풀스택 웹앱을만드는 목표를 가지고 미니 프로젝트로 진행되었습니다.DB 의 복잡도가 낮고, 컬럼 자체가 많지 않기때문에No-SQL인 Mong

[Algoritm] JavaScript로 코딩테스트 언어 변경!
개발과 코테를 위해 Javascript 역량을 더 기르자.프론트엔드 직군에서 JS로만 테스트를 보는경우가 많아졌다고한다.기업들의 모집공고를 보면 React,View,Next 등. 대부분의 프론트엔드 개발자는 JS 프레임워크를 다루는 사람을 뽑는것을 알 수 있다. 그래

고득점 Kit [완전탐색] - 최소 직사각형
한참을 이상하게 풀다가 완전 탐색이라고 백트래킹이니 뭐니 이상한 생각을 했다가 아무래도 기초부터 접근해서 쉽게 푸는 게 나을 거라 생각이 들어 다시 접근했다. sizes의 각 인덱스에서 큰 애들은 큰 곳에 모아두고 작은애들은 작은 곳에 모아둬서 (각 인덱스끼리는 서로
JS로 배우는 SICP(3) - 재귀함수 시간복잡도 줄이기
function times(a,b){ return b === 0 ? 0 : a + times(a, b -1 )}times(10,10);function times2(a,b){ return b === 0 ? 0 : isEven(b) ? a + times2(
vega-lite 차트 퍼포먼스 향상
개인적인 경험문서에서는 정렬을 encoding할때 하게 되어있는데 백엔드 쪽에서 데이터를 요청할때 정렬되게 변경하는게 좋다.2.insert, remove 등은 체이닝으로 연결되있지만 동기가 아니다. .runafter를 꼭 호출하고 run을 해야 누락되는 데이터가 없다.
CSR,SSR TIL
둘다 결국 랜더링은 브라우저에서 해주는데 굳이 나눈 이유가 궁금해서 chatgpt에 질문렌더링(Rendering)"은 컴퓨터 그래픽스에서 화면에 그림을 그리는 과정을 의미합니다. 웹에서 "렌더링"은 HTML, CSS, JavaScript 등의 웹 문서를 브라우저에서 화

async가 아닌 function에 await 사용하기
즉시 실행 함수를 async로 생성해서 거기다가 await걸면 된다.간단한건데..function asynctest() { console.log("1"); (async function () { console.log("2"); })(); console.log(
[JS Deep Dive] 10장. 객체 리터럴
자바스크립트는 객체기반의 프로그래밍 언어이다.자바스크립트를 구성하는 거의 모든 것이 객체라 할 수 있다. (원시값을 제외한 나머지는 모두 객체)객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조다.원시타입의 값은 변경 불가능한 immutable va
옵저버 패턴 (1)
어떤 객체의 상태가 변하면 연관된 객체들에게 알림을 보내는 디자인 패턴이다.이 패턴의 핵심은 상태를 가진 객체(subject)인 '발행기관(publisher)'에 이 객체를 관찰하는 옵저버들인 '구독자(subscriber)'들을 등록시키는 것이다. 그리고 각각의 구독자

Js Challenge14 - #12 Img Filter
input 속성을 활용하여 이미지를 출력 해본다.자바스크립트를 활용하여 이미지 필터 기능을 구현해본다.필터값이 적용 된 이미지 저장 기능을 만들어 본다.input file 속성readAsDataURLcss filter 속성canvas.getContext("2d");ch

Class / Functional Component
class 컴포넌트 class 는 설명서?? ex)onChageTitle(){} onClickSubmit(){} class 뒤에 선언을 한후에 안쪽에 동작을 실행시킬 함수등을 지정해준다. .length 와 같은 것은 메소드라고 말한다 api를 만들때 그륩화를 해

[programmers]javasciprt 자릿수 더하기
자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요.예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다.제한사항 \- N의 범위 : 100,000,000 이하의 자연수문제를 푸는 과
[javascript]전개 연산자 (...)
전개 연산자는 ECMAScript6에서 새롭게 추가되었으며, 특정 객체 또는 배열의 값을 다른 객체, 배열로 복제하거나 옮길 때 사용한다.

HTTPS, CORS, XSS
클라이언트(브라우저)가 서버로 최초 연결 시도를 함서버는 공개키(엄밀히는 인증서)를 브라우저에게 넘겨줌브라우저는 인증서의 유효성을 검사하고 세션키를 발급함브라우저는 세션키를 보관하며 추가로 서버의 공개키로 세션키를 암호화하여 서버로 전송함서버는 개인키로 암호화된 세션키

API 호출하기
손님은 음식을 먹으려면 위의 사진과 같이 4가지 과정을 거쳐야 한다.이는 데이터를 요청하고 받는것과 아주 비슷하다.결국 API란 client가 server에 데이터를 요청하고 요청한 데이터를 다시 client에게 전달하는 것을 말한다.API요청으로 인한 응답은 serv

쿠키팝업
checkbox를 체크하고 닫았다면 쿠키에 팝업데이터가 있기 때문에 작동순서 2번 에 의해 보이지 팝업이 보이지 않게된다.반면 사용자가 그냥 닫기를 클릭했다면 쿠키에 팝업데이터가 생성되지 않기 때문에 다시 팝업은 사용자에게 보이게 된다.예제 link : http