코더

-사용배경-쿠폰기능에 대한 토의를 하던도중 유저가 다운로드 받은 쿠폰 리스트는 가게에 방문할 때 마다 거의 사용을 한다고 가정을 하고 만들었기 때문에 자주 정해져있는 유저의 쿠폰리스트의 db를 조회할 것 이라 가정을해 cache를 적용해 주었다. -코드- -적용 전/후-위의 그래프를 보면 확연하게 차이가 나는 모습을 확인 할 수 있었다.cache를 적용하기 전에는 처음 조회 당시에는 423ms로 조회가 빠르게 되었음에도 불구하고 시도 횟수가 늘어 날 수록 오히려 평균값이 중가하였고cache를 적용한 후에는 처음 조회 당시에 484ms로 조회가 비교적 느리게 되었음에도 시도 횟수가 늘어 날 수록 오히려 응답시간이 줄어들어 5번만의 시도의 평균값만 비교해봐도( 152.4ms → 122ms )평균값이 줄어드는..

typescript 쓰는 이유 -javascript(동적언어) : 런타임에 타입결정/오류발견-java,typescipt(정적언어) : 컴파일 타임에 타입결정/오류발견function showItems(arr:number[]) {arr.foreach((item) => {console.log(item);});}showItems([1,2,3]]);와 같이 사전에 오류를 발견 할 수 있다. number,stringlet a : number[] = [1,2,3];let a : Array = [1,2,3];let a2 : string[] = [1,2,3];let a2=Array = [1,2,3]; tuple -배열과 비슷한 모형인데 index별로 타입이 다를 때 이용let b : [string, number];b =..

1. usestates와 props -일반적인 javascript 사용-DOCTYPE html>html>body>span> total clicks : 0 span>button id="siu">click mebutton>body>script>let counter = 0;const buttons = document.getElementById("siu");const span = document.querySelector("span");function clickable() {console.log("clickkkk");counter = counter + 1;span.innerText = `total clicks : ${counter}`;}buttons.addEventListener("click",clickable)..

--------------------------------react 기본---------------------------------------------- react 설치npx create-react-app voca(npx => npm에 올라가있는 패키지를 바로 실행시켜준다) npm start : 프로젝트 시작(띄운다) (터미널에서)ctrl + c => 프로젝트를 내린다. document.getElementById('root'); => index.html의 에 을 렌더링시켜준다. jsx => javascript내부에 html처럼 작성하는 것 eject => 내부 설정파일을 꺼내는 역할을 한다.(웹페이지나,바벨설정 바꿀때 사용가능) HMR => 개발 중에 모듈의 변경 사항을 즉시 적용 {} => 중괄호로 ..

1.이벤트 루프호출스택 호출스택은 동기코드를 담당한다이벤트루프는 비동기코드를 담당한다.테스트 큐는 실행돼야 할 콜백 함수(나중에 호출되는 함수)들이 대기하는 곳이다.백그라운드는 타이머,이벤트 리스너 저장하는 공간이다. chrome브라우저는 소스코드가 실행되는 순간에 하나의 함수가 실행된다고 보고 anonymous라는 함수로 표기한다.( 호출스택은 역순으로 출력되기 때문에 실행을 하면 anonymoous가 가장 나중에 표시되는 것을 알 수있다.)  여기서 발생하는 문제는 2,5가 같은색이면 뒤집어 지고 8,9가 같은 색이면 뒤집어 진다고 생각 할 수 있는데 그렇지 않다.( 그 이유는 2,5,8,9가 이미 클릭을 통해 테스트 큐로 넘어간 상태이기 때문에 순차적으로 일을처리 하는 호출스택의 입장에서는 2,5,..

맥북 사용시zsh: no such file or directory 이러한 에러가 발생해chmod +x /Users/qlgh2gh/Desktop 로 권한을 넣어주니 해결이되었다/desktop mkdir momentum 명령어로 파일생성 후 visual studio code를 이용해 만들었다 기본적인 문법 배열array = [mon,tue,wed];ex). console.log(A + B)' == const c = [A, B]; console.log(c)와 같다.player.name 은 player[name]으로 사용이 가능하다 const age = parseInt(prompt("how old are you?");   ==> age가 number인지 아닌지 확인해준다 if(isNaN(age)) {   con..

1.$(rspx.computer)와 $(rspx[computer])의 차이는? $(rspx.computer)는 "computer"라는 속성에 직접 접근하는 것을 의미한다. 즉, "rspx"라는 객체나 클래스의 "computer" 속성을 참조합니다. 이 문법은 객체지향 프로그래밍에서 자주 사용되는 접근 방식이다.반면, $(rspx[computer])는 "computer"라는 변수를 동적으로 평가하여 해당 변수에 저장된 값을 참조한다. 이 문법은 변수의 이름을 동적으로 결정하고 싶을 때 사용할 수 있다. 예를 들어, "computer"라는 문자열이 변수에 저장되어 있고, 해당 변수의 값을 참조하고자 할 때 사용될 수 있다.간단히 말하면, $(rspx.computer)는 "computer"라는 속성을 직접 접..

운영체제 -소프트웨어와 하드웨어를 연결하는 소프트웨어 계층 운영체제 처리방식 - 일괄처리(batch processing) : 한꺼번에 처리 - 시분할 : 여러 작업 수행할 때 시간 단위로 분할하여 사용 - 실시간 (Realtime OS) : 정해진 시간안에 일이 반드시 종료되어 보장되어야하는 시스템위한 os 유닉스 -코드의 대부분을 c언어로 작성 -높은 이식성 -소스 코드 공개 ms Windows -MS사의 다중 작업용 GUI 기반 운영 체제 운영 체제의 구조 cpu(cpu 스케쥴링)--memory(메모리 관리)--disk(파일관리) or i/o device(입출력 관리) 용어정리 -multiprocessor : 하나의 컴퓨터에 cpu가 여러 개 붙어 있음을 의미 -register : cpu보다 빠르며 ..