리액트로 나만의 블로그 만들기(MERN Stack) 대시보드

'Node FullStak 개발 가이드' 로드맵 쿠폰발급이 시작되었습니다.

'Colini 웹개발 가이드(1부 / 입문자 대상)', 'Node FullStack 개발 가이드(2부 / 초급자 대상)', 'Terraform 배포 가이드(3부 / 이전강의 수강자 및 중급자 대상)' 강의를 한곳에 모아

'Node FullStack 개발 로드맵, A~Z까지' 라는 이름으로 로드맵을 출시하였습니다.

마이크로 서비스 개발 관련 강의로써 입문자부터 중급자까지 입맛에 골라 수강하실수 있게 강의를 구성했습니다.

해당 로드맵 참여는 무료이며, 참여시 3개 강의에 대한 20% 할인 쿠폰이 발급됩니다.

기간 제한은 없으니 관심이 있으시면 언제든지 부담없이 참여해주세요~~~ ^^

※ 로드맵 주소 : https://www.inflearn.com/roadmaps/731

아울러 인스타도 개설했습니다. 개발 소식 및 일상 등을 올릴 예정이니 좋아요 팔로우 및 하트 부탁드려요~~~^^

※ 인스타 주소 : https://www.instagram.com/ssaplecode

'Terraform 배포 가이드'는

• Git에 코드를 저장하기만 하면

• Git Action을 통해 자동으로 Terraform 코드가 작동되어

• 'Node FullStack 개발 가이드'에서 도커로 만든 애플리케이션을 prod 상태로 바꿔서

• Azure에 배포하는 것을 배웁니다

배포 방법에 갈증이 있다면 2023.11.30.까지 진행하는 얼리버드 할인때 구매하세요~~!!!

구매주소 : https://inf.run/2GAGp

※ 이번에 출시된 'Node FullStack 개발'(총 3부) 시리즈는 로드맵으로도 안내가 될 것이니 참고하세요 ^^

정말 오랜만에 인사드립니다. (그 동안 인사 못드려서 죄송합니다 😭)

드디어~~!!! 3년만에 새 강의를 가지고 돌아왔습니다.

이름은 'Node FullStack 개발 가이드' 이고요 총 3부로 구성되어 있습니다.

해당 강의를 간략하게 소개해드리면

1. Colini 웹개발 가이드(1부) <강의 이동>

   1. 완전 초심자를 위한 강의(Html, Css, Javascript, 리액트 공부)

2. Node FullStack 개발 가이드 (2부) <강의 이동>

   1. 초보 단계를 벗어나신 분들을 위한 강의로

   2. Docker, Nginx, Postgresql, SNS Login, 카카오페이 구현으로 쇼핑몰을 만들어봅니다

   3. 도커로 개발부터 최종마무리까지 진행을 합니다

3. Terraform 배포 가이드 <강의 이동>

   1. 리액트로 웹구현은 하실줄 아는 분들을 위한 강의로

   2. 최신 배포 기술인 Terraform을 사용해 쿠버네티스를 운영합니다

   3. 2부에서 만든 쇼핑몰을 배포해보는 단계로 2부를 듣지 않아도 독립적으로 수강에 지장없도록 만들었습니다

얼리버드 30% 할인은 단 1달간(10.31.~11.30.) 진행합니다.

이후 할인은 인프런 공식할인 또는 로드맵 구매시 10% 기본 할인에는 별도로 진행하지 않으니 놓치지 마세요~~

<react-router-dom 버전 5번 사용>

react-router-dom이 6버전으로 올라가면서 바뀐 부분이 많습니다. 

해당 강의는 버전5를 기준으로 제작되었기에 설치시에는

npm i react-router-dom@^5

로 설치해주시기 바랍니다. 

<node-sass 버전 충돌문제 해결>

npm i node-sass@4.14.1 로 해주시기 바랍니다. 

제가 게을러서.. ㅠㅠ

질문 댓글로 적어놓고 공지해야지 해야지 했는데... 이제야 올리네요. 

질문 주신 수강생분들께 감사를 드립니다. *^^*

1. Import 방법이 변경되었습니다. 

(기존) import CKEditor from "~~" -> (변경) import {CKEditor} from "~~"

2. CKEditor가 기존 onInit에서 onReady로 변경되었습니다

<기타 참고> https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html

[알림] nodemon, babel-node 충돌문제 해결법 / (5) Express Start 강의 관련

현재 윈도우를 사용하고 계신분들께서는 nodemon을 사용하지 마시고, 아래 방법으로 진행해주시기 바랍니다. 

[원 인]

윈도우에서 nodemon과 babel-node를 같이 쓰면 제대로 작동하지 않는 문제가 있습니다. (2번 실행되거나 ignore 등 옵션이 제대로 작동하지 않습니다)

[해결방법]

(설치) npm i babel-watch 

(script) 추가

"dev-watch": "babel-watch server/server.js --ignore'./client'",

(서버실행)

npm run dev-watch 

이렇게 바꿔주시면 서버 작동후 같이 프론트 작업시 서버도 같이 재 실행되지 않습니다. 

(챌린지) 현재 Profile 화면 관련 너무 좋은 질문이 들어와 해당 질문을 Code Challenge로 추가하였습니다. 도전 고고!!!

Bonus 강의가  추가되었습니다. 

많이 구독해주셔서 감사합니다 *^^*