Multi Developer SuHo

안녕하세요~ 저번 시간에는 리액트의 대한 개념을 소개했었습니다. 이번 시간에는 리액트의 장점과 단점 그리고 리액트 네이티브(React Native)와 리액트의 차이를 간단하게 설명하겠습니다.우선 리액트의 장점과 단점부터 살펴보시죠😀리액트의 장점은 ✅  빠른 업데이트와 렌더링 속도✅  재사용성이 높은 컴포넌트 기반 구조✅  JSX 문법 사용   ✅  활발한 지식 공유와 커뮤니티✅  리액트 네이티브를 이용한 모바일 앱 개발리액트의 단점은 🔴 과도한 의존성 🔴 높은 상태 관리 복잡도🔴 방대한 학습량리액트 🆚 리액트 네이티브 리액트는 페이스북에서 만든 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 입니다.리액트 네이티브는 오픈소스 모바일 애플리케이션 프레임워크 입니다.     리액트(React..

안녕하세요~  프론트엔드 입문하는 강의에 추천하는 목록들을 소개하겠습니다. 주로 저는 인프런 및  유튜브에서 강의를 듣지만 다른 강의 플랫폼인 노마드 코더  에서도 참고하고 있습니다. https://nomadcoders.co/ 노마드 코더 Nomad Coders코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요!nomadcoders.co1. 유노코딩 🐧- 이 분 강의는 파이썬, 자바스크립트  HTML & CSS 를소개하거나 반응형 웹에 대한 전반적인 내용을 소개해줍니다. 저도 강의를 듣고 많이 도움이 되었고, 어려운 부분을 쉽게 설명해주셔서 이해하는데 어려움은 많이 없었습니다.  유튜브도 운영하고 있으시니  참고해주시면 좋을 것 같습니다 .https:..

안녕하세요 이번에는 리액트(React)에 대해 살펴보겠습니다.  다음과 같은 사진은 리액트를 상징하는 이미지입니다. 리액트란? 사용자 인터페이스를 만들기 위한 자바스크립트(Javascript)  라이브러리 입니다. 쉽게 말하면   "사용자 인터페이스를 만들기 위한 도구 " 라고 생각하시면 됩니다.   이렇듯 리액트는 SPA(Single Page Application)를 쉽고 빠르게 만들 수 있도록 해주는 도구이자 대표적인 자바스크립트 UI 라이브러리라고 할 수 있습니다. 이번에는 React에 대한 개념을 토대로 설명했습니다. 다음 시간에는 리액트의 장점과 단점을 주제로 소개하겠습니다. 피드백 및 댓글 달아주시면 참고하겠습니다!!

안녕하세요~ 요즘 활동이 빈번한 점 양해부탁드립니다. 최근 개강하면서 새로운 마음과 목표를 정하다보니 블로그에 글을 남기는게 까먹기도 하고 그러네요 ㅠㅠ 최근 다른 언어도 공부중이기도 합니다. 그럼 본론으로 넘어가겠습니다~ 오늘은 CSS 디스플레이(Display)와 포지션(Position)에 대해 알아보겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강..

안녕하세요~ 오늘은 CSS에서 박스 모델(Box Model)과 박스 사이즈(box-sizing)에 대해 알아보겠습니다. 먼저 박스 모델부터 살펴보겠습니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90 [지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런 도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML..

안녕하세요 오늘 알아볼 내용은 여백과 테두리 스타일 적용에 대해 알아보겠습니다. 여백은 크게 두 가지 형태로 나뉩니다. 내부 여백(padding) 과 외부 여백(margin)으로 구분됩니다. 먼저 내부 여백은 요소의 테두리와 그 내용 사이의 공간을 의미합니다. 이를 설정하기 위해서는 'padding' 속성을 사용합니다. 다음은 외부 여백(Margin)에 대해서 설명하겠습니다. 외부 여백(Margin): 외부 여백은 요소의 바깥쪽 공간을 의미합니다. 이 공간은 해당 요소와 인접한 다른 요소들 사이의 간격을 결정합니다. 이를 설정하기 위해서는 'margin' 속성을 사용합니다. 글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다. https://www.inflearn.com/cour..