개발일기

1.스케줄링 -CPU는 한정된 자원으로 최대한 성능을 이끌어내기 위해서 CPU를 적절하고 효울적으로 사용해야 한다. 1.프로세스가 필요한 자원보다 더 많이 사용하지 않도록 한다. 2.프로세스가 최대한 자원을 많이 받고 빠르게 처리하도록 한다. 3.프로세스가 자원할당을 못받아서 긴 시간을 대기하지 않도록 한다. 2 스케줄링 종류 선점 스케줄링 -프로세스의 우선 순위에 따라 실행되며 우선순위가 높은 프로세스가 있을시 강제로 중단 및 실행 가능하다. 1.라운드 로빈 각 프로세스는 일정 시간 동안 CPU를 할당받아 실행하고, 시간이 지나면 다음 프로세스로 넘어가는 방식이다. 2.우선순위 스케줄링 프로세스마다 우선순위를 부여하고, 우선순위가 높은 프로세스가 CPU를 선점하는 방식이다. 3.다단계 큐 다양한 우선순..

Firebase를 사용하다가 새 프로젝트에서 supabase를 사용하게 되었다. 다른 팀원분들은 다 경험이 있지만, 나만 처음이였다. 공부를 해야했다,, 깊게 사용하지 않았지만 좋은점 1.공식문서 공식문서에서 사용하기 쉽게 설명되어 있고, 명령어도 비교적 쉬운편에 속하는 것 같다. 하지만 나는 아직 이해하지 못했다... 2. primary key(기본키)의 값을 자동 생성 supabase에서 새로운 테이블을 생성할 때 type값에 uuid를 설정해 주면, 코드에서 id값을 넣을 필요 없이 알아서 생성해 준다. 3.Foreign Key(외래키) 링크 버튼을 클릭하면 다른 테이블과 연결할 수 있고, 해당 테이블에서 다른 테이블의 데이터를 가져오는데 편리하다. 4.소셜 로그인 다양한 소셜 로그인을 활용할수 있..

작성하기 버튼을 누르면 input에 들어간 값을 화면에 뿌려 주려고 한다. 그런데 event에도 type이 있어야 된다. 구글에 검색하던 중 onChage에 마우스를 올려보면 힌트를 얻을 수 있다고 나왔다. React.InputHTMLAttributes 먼저 위에 있는 타입을 지정 해 봤다. 위의 타입 유형에 target의 속성이 없다고 나온다. React.ChangeEventHandler 그 아래의 있는 타입을 지정해 봤다. 똑같이 target의 속성이 없다고 나온다. ..... 다시 구글을 검색해 본 결과 React.ChangeEvent Handler를 제외한 ChangeEvent를 사용해야 한다. onSubmit 또한 마우스를 올리면 힌트가 나오는데 React.FormEvent 이것 또한 Handl..

자바스크립트를 배울 때 class를 배우기는 했지만 그 때만 코드를 작성 해보고 한번도 사용한 적이 없다. 그래서 어디에 쓰이고, 어떻게 쓰이는지 모른다. 지금 이 글을 쓰고 있는 지금도 모르지만 일단 타입스크립트class를 하기 전에 공부해 보려고 한다. Class 기본 문법 작성한 코드를 실행해 보면 User라는 이름의 객체가 생성된다. constructor(생성자) constructor를 사용하면 class객체의 초기값을 설정해 줄 수 있다. extends(상속) 새로운 클래스를 만들어 extends를 사용하여 introUser클래스에서 User를 상속 받았기 때문에 this.name과 this.age를 사용 할수 있다. constructor를 사용하여 초기값을 다시 설정해야하는 번거로움을 덜어주는..

자바스크립트 자바스크립트는 포용력이 높아 한개의 변수에 number값을 할당하고, 다시 string값을 할당하면 오류 없이 가장 나중에 할당한 값을 결과 값으로 보여줍니다 let a = 3 a= "가나" console.log(a) // 가나 a= true console.log(a) // true 또한 타입이 맞지 않는 코드를 실행을 하기 전까지 타입에 대한 오류를 확인 할 수 없습니다. 타입스크립트 타입 스크립트를 활용하면 컴파일을 통해 사전 에러를 발견할 수 있습니다. 타입 스크립트를 설치하면 tsc라는 명령어로 타입 스크립트 파일을 컴파일할 수 있습니다. 타입 스크립트가 컴파일된 결과물은 자바스크립트로 출력됩니다. 이때 컴파일 단계에서 문법 에러를 잡을 수 있으므로, 사소한 실수들을 런타임 전에 모두..

redux를 사용하여 화면에 숫자가 +,-되도록 하는 앱을 다시 만들어 봤다. 그때는 이해하고 넘어 갔는데, 다시 해보니까 리셋이 되었다. 기록하면서 한번 더 이해해 보자 ! 공식 홈페이지를 참고하면 좋지만 redux를 못찾겠다,,, configStore.js 기본 세팅으로 rootReducer를 store에 저장하고, 다른 곳에서 사용할 수 있게 export 해준다. createStore에 줄이 그어진 이유는 redux/toolkit 사용을 권장 해서 그런것 같다. index.js app.js를 Provider로 감싸 주고, store를 받아 오면서 useState로 관리하던 것을 store란 저장소(?) 에서 관리한다. app.js counter.js store에 저장된 정보를 화면에 보여주기(렌더링..

전에 해결했는데 까먹어서 다시 찾아본 오류,, app.jsx 코드 const [todos, setTodos] = useState(null); const fetchTodos = async () => { const { data } = await axios.get("http://localhost:4000/todos"); setTodos(data); }; {todos.map((item) => { return ( {item.id}:{item.title} ); })} db.json 코드 { "todos": [ { "title": "데이터1", "id": 1 }, { "title": "데이터2", "id": 2 } ] } json-server를 사용해서 db에 있는 데이터를 가져와서 화면에 뿌려줄려고 했는데 오류 발..

오늘도 강의 듣고 프로그래머스 문제 풀기 시작 ,,,! 1.머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. 내가 작성한 코드 function solution(age) { return age = (2022-age)+1 } 다른사람이 작성한 코드 function solution(age){ return new Date().getFullYear() - age +1; } 새로 알게된 것 ! getFullYear()은 현재의 연도를 출력함 + getMonth() -> 1월은 0으로 출력되어 +1을 해줘야 현재 월을 알수 있다. getDate() -> 현재 날짜를 출력한다. getDay()..