![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fr4MV7%2FbtslGz7QDo1%2FJPqtxkvtoHEOnFiVUw0jE1%2Fimg.png)
[React] Cannot find module 'react-dom/client' or its corresponding type declarations.ts(2307) | resolve 'react-dom/client' in '경로' Parsed request is a module
2023. 7. 25. 06:53
개발/Error note
npm run dev로 웹팩을 실행하는데 에러가 뭔가 왕창 났다. 가장 상단 에러는 resolve 'react-dom/client' in '경로' Parsed request is a module였다. client.jsx에서도 Cannot find module 'react-dom/client' or its corresponding type declarations.ts(2307)라는 오류가 뿜뿜하고있었다. import * as React from "react" import { createRoot } from "react-dom/client" import Games from "./Games" const container = document.getElementById("root") const root = cre..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F2xm8e%2FbtsopBQAo5u%2FjIMSaJaHdkw5PYmCKOvGO0%2Fimg.png)
[혼공단 10기] 혼공컴운 - 3주차 미션
2023. 7. 21. 16:35
개발/Inafolio
[스터디 그룹] 혼자 공부하는 프로그래밍 | Facebook 프로그래밍에 관심 있는 분들이 모여있습니다. www.facebook.com 혼공단 3주차는 1주차에 적었던 핵심부품중 메모리, 주기억장치, 입출력장치를 학습했다. 메모리 ROM 롬은 비휘발성 저장장치(non-volatile memory)로 컴퓨터의 전원을 꺼도 저장된 내용이 유지되는 장치이다. HDD, SSD, CD-ROM, USB와 같은 보조기억장치들이 대표적인 비휘발성 저장장치로 불린다. 문서, 이미지 등 보관할 대상들을 여기에 담아둔다. RAM 램은 휘발성 저장장치(volatile memory)로 컴퓨터의 전원을 끄면 저장된 명령어와 데이터가 모두 날아간다. 실행중인 파일이나 클립보드 복사, 저장 전 작업하고있던 문서들이 RAM에 저장되고..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb21l45%2FbtsmseWSesj%2FIFVxPPpZqhPMULNCWOpaOK%2Fimg.png)
[원티드 7월 프리온보딩] 직접 만져보는 Next.js해부학 교실 - CSR / SSR with Next.js 후기 (with 오종택)
2023. 7. 17. 20:36
개발/Inafolio
오종택 챌린지메이커님의 강의를 들을 수 있었다. 프리온보딩 커리큘럼은 사전과제와 총 4번의 강의가 있다. 사전과제 1. CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. - CSR(Client Side Rendering)는 말그대로 클라이언트측에서 랜더링을 하는것. - 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내주고 클라이언트는 그것을 받아 랜더링을 시작한다. - SPA(Single Page Application) : 단일 페이지로 구성된 애플리케이션 SPA는 CSR방식으로 랜더링하기 때문에 단 한번만 리소스(HTML, CSS, JS)를 로딩하고 이후엔 데이터를 받아올 때만 서버와 통신하고 기존페이지의 내부를 수정해서 보여준다. 2. 장점 -..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fd3MAp6%2FbtsnGZYxUiq%2FrjQb59CScSpL5bgavk3VB1%2Fimg.png)
[혼공단 10기] 혼공컴운 - 2주차 미션
2023. 7. 16. 13:52
개발/Inafolio
[스터디 그룹] 혼자 공부하는 프로그래밍 | Facebook 프로그래밍에 관심 있는 분들이 모여있습니다. www.facebook.com 혼공컴운 2주차는 CPU에 대해서 파보는 주였다. 이전에 혼자 CS공부하면서 학습했던 CPU포스팅도 낑겨올려보기. [CS] CPU, 프로세스, 스레드 우리는 컴퓨터로 영상을 보면서 블로그를 쓰고, 동시에 카톡으로 친구들과 대화도 한다. 이 모든걸 하면서 파일을 다운로드 할 수도 있다. 이처럼 컴퓨터는 동시에 여러가지 일을 수행할 수 있 h-owo-ld.tistory.com CPU CPU는 중앙 처리 장치로 컴퓨터의 뇌라고 부를 수 있다. 컴퓨터에 저장된 프로그램을 불러와 기계어로 작성된 명령문을 해석하고 실행한다. 보조기억장치(ROM, RAM)에서 프로그램의 코드와 필요..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fwhirg%2FbtsnwqCeqwx%2FVXU4CmsLIQsQ1BLjIpiae1%2Fimg.png)
[MongoDB] Error [MongoServerError]: bad auth : authentication failed
2023. 7. 14. 07:00
개발/Error note
강의 따라서 몽고디비 연결하는데 자꾸 Error [MongoServerError]: bad auth : authentication failed 라는 에러가 떴다. 나의 해결방법 0: 코드에 오타나 연결이 잘못된 부분이 있나 문서도 보고 다 찾아봤음 나의 해결방법 1: GPT한테 물어본다. 지피티한테 코드 복사해서 물어봤더니 connect부분이 잘못됐다고 그래서 다시보는데 맞는데.... 라고 생각하다가 아차! 싶은 부분이 있었다. 여기서 EDIT 누르면 아래와 같은 창이 뜨는데 Autogenerate Secure Password로 비밀번호 만들고 Update User를 안눌렀었다. 젠장 다시 패스워드 만들고 업데이트 한 후에 실행하니까 잘되더라 쉬익..