이롭게 현명하게

목차베타리딩이란?참여동기진행과정한빛 미디어 베타리딩 후기책 리뷰 [베타리딩이란?]베타리딩은 출간하기 전의 도서에서 오류를 확인하는 활동을 말한다.출간하기 전의 도서이므로 원고파일이나 책을 유출해서는 안 된다. [베타리딩을 하는 이유}베타리딩은 책을 공식적으로 출간하기 전에 독자들이 책을 읽으면서 오류를 찾아내는 역할을 한다.책에서 필요한 부분과 불필요한 부분, 오류, 책의 난이도 등을 판단하는 역할을 한다.베타리딩을 통해 책의 부족한 점을 더 보완하여 더 좋은 품질의 책으로 출시할 수 있다. [베타리딩 피드백 가이드]독자들은 다양한 관점에서 책을 읽는다.그래서 각자의 시각에서 책의 장단점, 추천과 비추천의 이유, 개인의 생각 등 중요한 피드백의 제공한다.작성 내용 (체크리스트)잘 읽히는가?이해하는데 어려..

나에게 2024년은 다사다난하면서 성장으로 가득했던 해였다.2024년은 취업과 독립이라는 두 가지 목표를 가졌다.독립은 이루지 못했고 취업도 인턴 경험을 쌓는 것으로 끝났다.하지만 이 과정에서 얻은 배움과 성장이 있었다.독립을 하지 못한 것은 아쉬움으로 남아있다.하지만 이걸로 인해서 나 자신을 되돌아보게 되었고 나를 더 성장시키기 위해 준비하는 시간이 필요하다는 것을 깨달았다.경제적으로 그리고 심리적으로 독립을 준비하는 과정은 내가 생각한 것처럼 쉬운 일이 아니었다.이 목표를 이루기 위해 나에게 더 많은 시간과 노력이 필요하다는 것을 알게 되었다.인턴 경험은 목표를 이루기 위한 값진 첫걸음이었다.실무를 경험하며 직무 역량, 그리고 개발에 대한 지식을 넓힐 수 있었다.또 무엇보다 2024년은 현실의 벽을 ..

목차 Git Pages리액트 Git Pages깃허브를 이용한 웹 호스팅  웹 개발 포트폴리오를 만들면서 포트폴리오에 적용해서 보이고 싶었다.깃에 웹 호스팅이가능하다는것은 알고 있었다.알고 있는 것을 바탕으로 호스팅을 하니  index.html을 찾지 못해 404 Page(File) not found를 보게 되었다.index.html은 있지만 찾아보니 리액트의 폴더구조에서 index.html을 찾지 못한 것이 이유였다.그래서 npm build를 사용해주어야 한다. [Git Pages] 깃허브에서 새로운 레퍼지토리(repository)를 만든다. 이때 리퍼지토리 이름은 깃아이디.github.io로 입력한다.※ 이때 깃아이디가 아닌 다른 이름을 넣게 되면 호스팅이 제대로 되지 않는다.※ 그러니 꼭!! 깃 아이..

※ 리액트로 만든 프로젝트 호스팅 하는 방법 / Git Pages 만드는 방법[바로가기] ※ 본 포스팅에서의 프로젝트는 html, css, js로 만든 프로젝트 기준입니다. 자바스크립트로 토이프로젝트를 진행 후 웹을 호스팅 하고 싶었다.하지만 간단한 토이프로젝트를 카페24를 통해 비용을 지불하면서까지는 호스팅 하고 싶지는 않았다.그러다 깃에서도 호스팅이 가능하다는것을 알게 되었다.이때 깃 리퍼지토리의 공개설정은 public 이여야 하며 파일명은 index.html 이여야 한다.html 파일 명 : index.html공개설정 : public  호스팅 할 리퍼지토리에서 Settings를 클릭   pages클릭 branch를 master로 변경 후 save 클  https://dev-yihyun.github...

목차 EmailJS란?EmailJS 사용법참고사항 [EmailJS란?]개인 웹 포트폴리오나 회사 사이트에서 사용자가 문의사항을 남기는 이메일 폼 양식을 본 적이 있다. 이 폼을 보고 내 웹 포트폴리오에 적용하면 좋을 거 같다는 생각이 들었다.Contact 페이지에 적용시키기 위해서는 EmailJS를 사용하면 된다.EmailJS는 javascriptAPI를 사용해 웹에서 메일을 바로 전송할 수 있도록 지원한다.EmailJS를 사용하면 내 이메일 주소는 공개하지 않으면서 내 포트폴리오에 접속한 사람으로부터 메일을 받을 수 있는 기능이다.*  githubPage는 정적 페이지만 지원한다. 데이터베이스 등을 활용하여 백엔드에서 메일을 보낼 수 없다.그렇기 때문에 githubPage에서 사용하기 충분하다. 월별 ..

목차 useReducer useReducer와 useState import [useReducer] 리액트에서 컴포넌트의 상태 관리를 위해 기본적으로 가장 많이 사용하는 Hook은 state이다. 공식 문서에서 언급된 것처럼 useReducer는 상태(state)를 관리하고 업데이트하는 useState를 대체할 수 있는 Hook이다. useState와 다르게 useReducer는 한 컴포넌트 내에서 상태(state)를 업데이트하는 로직 부분을 그 컴포넌트로부터 분리되는 것을 가능하게 함으로써 코드의 최적화를 이루게 해 준다. 좀 더 복잡한 상태관리가 필요한 경우 useReducer를 사용할 수 있다. useReducer는 이전 상태와 action을 합쳐 새로운 state를 만드는 조작을 말한다. 콜백 대신..