[도서서평] 이지스퍼블리싱 <Do it! 리액트로 웹앱 만들기 with 타입스크립트> 도서 서평📖 [리액트 + 익스프레스 + 몽고DB로 만드는 SPA와 API 서버]
·
◐ 기타/개발도서 서평🔍
- 도서 서평 도서 서평 내용 이 책은 SPA와 REST API 서버를 개발하는 과정을 실제 실무 코드와 함께 다루어, 프런트엔드 개발자로써 필수적인 기술을 습득할 수 있도록 도와준다. 타입스크립트 기반의 리액트 프로그래밍은 현대적인 웹 개발에서 매우 중요한 위치를 차지하고 있는데, 이 책은 그러한 추세를 반영하여 타입스크립트와 리액트를 함께 학습할 수 있는 효과적인 방법을 제시한다. 리액트 훅, 리덕스, 라우팅 등의 핵심 개념부터 테일윈드CSS를 활용한 스타일링까지 포괄적으로 다루면서, 초보자부터 숙련자까지 모두가 이해하기 쉽도록 설명되어 있다. 뿐만 아니라, 오류를 방지하고 성능을 향상시키는 최적화 기법과 타입스크립트의 글로벌 수준 코드 패턴에 대한 이해도 높일 수 있었고 이러한 내용을 토대로 프로젝..
[study] 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링 [웹 애플리케이션 렌더링 방식(SSR, CSR)]
·
◈ Study/기초튼튼 개발지식🥔
- 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR)은 웹 개발에 있어 주요한 접근 방식이며, 각각의 방법은 웹 애플리케이션을 구축하고 렌더링하는 방식에 있어 서로 다른 접근을 제공한다. 1. 서버 사이드 렌더링(SSR) 웹 애플리케이션의 초기 요청 시 서버 측에서 HTML을 생성하여 클라이언트에 전달하는 방식이다. 이후에는 클라이언트 측에서 JS 파일을 다운로드하고 초기 렌더링을 받은 HTML을 해당 스크립트로 인터랙티브하게 만든다. SEO(검색 엔진 최적화)에 유리하며, 초기 로딩 시간이 짧은 것이 특징이다. - SSR 장점 SEO에 유리하며, 초기 로딩 시간이 짧음 일부 장치에서는 클라이언트 사이드 렌더링보다 더 나은 성능을 보임 - ..
[Project] Riddle-Game 구현을 위한 스터디 계획 [React와 Vue.js를 배워보자!]
·
◈ Yermi Project/Riddle-Game🧩
- Riddle-Game 구현을 위한 스터디 계획 갱브로는 학원의 파이널 프로젝트로, 나는 연말이라 쌓인 회사 업무로 잠시 멈추게 된 Riddle-Game..🧩 우리 모두 정신을 차려보니, 2023년의 새해가 밝아있었다 🌤 Riddle-Game 프로젝트를 어떻게 구현할지 계속하여 고민한 결과.. 설계도 중요하지만, 사용자가 보는 뷰가 제일 중요하다는 생각이 들었다. 그래서 요즘 대세인 React와 Vue.js를 공부해서 뷰를 중점적으로 공략해보자는 결정을 했다. (프로젝트 또한 여러 개로 나눠질 수 있기에, 1부는 React, 2부는 Vue.js 이런 식으로 나누는 것도 생각) 이전 인프런 강의들을 쭉 둘러보면서, 조현영님의 웹 게임을 만들며 배우는 React 강의를 봤었는데.. 무료 강의임에도 불구하고..
[일상] 22년 하반기 공부 계획 짜기(feat.코딩감자단) [Java, JavaScript, Linux, Clean Code 등]
·
◐ 기타/개발자의 일상🎈
- 22년 하반기 공부 계획 짜기(feat.코딩감자단) 나당쓰의 꾸준한 This 요청으로 인해, 이걸 어떻게 정리해야할까 고민하던 중.. 남은 4개월 간의 공부계획을 정리해야겠다는 생각을 했다. - Java Java의 정석으로 지금대로 꾸준히 공부할 예정! 현재 7장 객체지향 프로그래밍Ⅱ까지 왔고.. 22년 1분기까지는 하지 않을까 싶다. Java의 정석 - 교보문고 최신 Java 8.0 포함 | [책소개]최근 7년동안 자바 분야의 베스트 셀러 1위를 지켜온 '자바의 정석'의 최신판. 저자가 카페에서 12년간 직접 독자들에게 답변을 해오면서 초보자가 어려워하는 부분을 www.kyobobook.co.kr - JavaScript & React React 먼저 클리어하고, 내년부터 DeepDive를 해야지....
[React] 리액트(React) 컴포넌트(Component) 생성하기 [리액트로 Like 버튼 태그 생성하기]
·
◎ JavaScript/React🌐
- 리액트(React) 컴포넌트(Component) 생성하기 - 리액트로 Like 버튼 태그 생성하기(결과물)