개인프로젝트 - 게시판만들기

ㅡ^ 까지가 단계별로 나누어 본 redux 사용법계속하여 redux 미들웨어 사용법도 올려보도록 하겠다.공부는 미리 하고 복습하고 .. 까먹지말자 ㅠㅠ 🌩️

React + firebase 로 만든 Chat app (HOTALK) # 몇일간 React 와 Firebase 를 공부하다가.. 포트폴리오에 기재할 프로젝트가 빈약하다 느껴서 제대로 된 프로젝트를 하나 만들어 보자 싶어 몇개나 만들다 commit 하다 쟁여두고 드

JAVASCRIPT 내장 API - Fetch 리액트나 바닐라 자바스크립트에서 api를 통신할때 axios / fetch를 주로 사용하고 있었다. 뜬금없이 혼자 구글링없이 통신 + 화면 출력 + 등등 만들어 보기 위해 fake api를 json 형태로 만들어 연습할 겸 해보았다. 이렇게 api를 간단하게 만들어 통신하기 위해 , 주로 GET 방식을 많이 ...

할일 정리 목록 메모장 대신 할일목록 정리 LIST (계속 수정하겠습니다.) [ ] 포트폴리오 프로젝트 수정 (MERN 으로 BLOG 제작) + openAPI 이용한 프로젝트 제작 [ ] 자기소개서 수정 + 포트폴리오 전반적 수정 [ ] javascript 알고리즘 / 코테 연습 [ ] CS 지식 쌓기 / 인강 + 문서 2023년 2월도 흘러간다...

02-15 코딩일기 server 폴더에 server.js 를 만들어 mongoDB 를 커넥트 하려 연결 도중 Mongoose: the "strictQuery" option will be switched back to "false" by default in Mongoose 7. Use "mongoose.set('strictQuery', false);" if...

개인 프로젝트로 블로그 또는 쇼핑사이트를 만들어 보고자 하여 상태관리에 꼭 필요한 라이브러리 Redux 에 대해 기초를 알아 보았다. 기본적으로 redux는 JavaScript 상태 관리 라이브러리다. state란 쉽게 말해 컴포넌트 내에서 사용하는 data라고 할 수 있다. > Store (스토어) - 상태가 관리되는 오직 하나의 공간 Action ...

오늘은 React로 게시판을 만들어 보고자 dummy json 파일을 만들어 Json-server에 연결하여 만들어 보았다. 기본적인 폴더 구조는 src 폴더 안에 components 에 모든 section을 폴더화 하여 넣고 assets 폴더에 dummy-data

오늘은 공공 API 호출 공부를 위해 공공 데이터 API를 이용해 보았다. > 프론트 라이브러리 : react (react 공부를 위해) > 비동기 통신 라이브러리 : axios 폴더 구조는 간략하게 >src > components / main , train src > context / useContext (여기는 아직 비어있음) src > App.js...

오늘은 react로 만들던 diary앱을 수정 보완 하였다.앞전에 new note 가 없을 시 randerpage 로 보여주고 있었는데 randerpage 를 Home , Main 에서 빼고 새롭게 nocontent 화면을 만들었다.대략적인 코드 구조는 이렇게 짜게 되

react 연습을 위해 다이어리앱을 만들어보자 생각을 하였다.프로젝트 구조는우측 (side bar) = 다이어리 간략한 요약 ( title / content / 마지막 작성 time )좌측 (main) = 아무 컨텐츠가 없을 시 그냥 randerpage.add 버튼을

오늘은 포트폴리오 전체 섹션에 Dark 모드를 적용 하려고 UseContext를 이용해 DarkmodeContext를 만들었다.context 폴더에 useContext.js 를 만들고 안에 내용으론이렇게 전체를 감싸줄 Darkmode용 useContext를 제작하고전체

오늘은 Portfolio CONTACT 섹션에서 Email.js를 사용해 보았다.원래 계속 적용해야지 해야지 하다가 다른 것을 하며 미루게 되었고.. 그렇게 미루다미루다 오늘 드디어 EmailJS를 적용하여 CONTACT 메시지 보내기를 만들었다.먼저 EmailJS는

카페에서 간단하게 PORTFOLIO를 수정하는 작업을 했다.포트폴리오의 정석은 없기 때문에 디자이너도 아니면서 자꾸만 수정하고 수정하고 디자인 부분에서 마음에 안드는 걸 고치다보니 정작 중요한 PROJECT section 에서 data를 넣지않고.. 계속 헛바퀴만 돌리

Error: Cannot find module 'react' 란 에러가 떠버렸다..무엇이 에러인지 찾는 도중 말 그대로 내 프로젝트 폴더 안 module을 찾을 수 없다는 것이다.고로 해결 방법으로 찾던 중 npm을 재설치 하면 된다 하여 터미널에서 npm instal

React로 제작중인 Portfolio .. Splide 로 슬라이드 구현 중 Media query로 화면 사이즈가 768px이 되면 화면에 1개만 나오도록 표현 하려는 중,, 생각지 못하게 방법을 몰라서 찾다 발견한 코드! 이렇게 추가하면 Splide 에서 Medi

Spoonacular 이용한 recipe 앱 1) 라이브러리 / REACT.JS 2) 설치한 라이브러리 -> react-icons / react-router-dom / framer-motion .. 3) .env 를 통해 API 변수 관리

react / vite / bootstrap / typescript 공부 할 겸프레임워크는 vite로 설정typescript는 처음 이라 설정 하는 법 부터 공부중가격을 원화로 하고 싶었는데 \-> new Intl.NumberFormat 생성자를 통해 KRW(원화) 생