본문 바로가기

분류 전체보기30

땅꼬마의 React에 CSS를 적용해보기! React에 스타일을 적용하는 방법이 생각보다 여러개였다. 무작정 .css 만들어서 import로 넣어주면 끝인줄 알았는대.... 그래서 적용할 수 있는 방법을 정리해보았다. 1. .css파일 사용 App.css div 태그와 span 태그에 간단한 스타일을 적용했다. div.main{position: relative; display: block; text-align: center; font-size: 18px;} span{color: blue;} App.js css 파일을 import하여 css 설정한 class, 태그를 사용 import './App.css'; import React from 'react'; function App() { //메인페지이 return ( 글씨입니다 ); } export .. 2022. 8. 26.
땅꼬마의 AWS EC2 구축해보기! 회사홈페이지를 구축하면서 EC2 인스턴스 생성과 서버를 구성하였다. 매우매우 미숙하지만 그래도 한 번 해봤다는 뿌듯함이 있었다. 1. 인스턴스 생성 2. 서버 사용자 추가 3. node, git 설치 2022. 8. 24.
땅꼬마의 React 시작! Component 분리가 신기하다! 똑같은 일상에서 매너리즘에 빠진 요즘 놀면 뭐해? 뭐라도 해야지! 하면서 찾다가 코딩을 시작했을때부터 핫하다 했던 React를 이제서야 공부하게 되었다. 조금씩 꾸준히 이 블로그도 채워지겠지.... 그럼 지금까지 정리한 리액트에 대해서 간략하게 남겨보자! React?? 리액트는 자바스크립트 라이브러리이다. 어떤 책에서는 오직 View만 신경쓰는 라이브러리라고 표현되었다. 지속적으로 데이터가 변화하는 대규모 어플리케이션을 구축을 위해 React가 만들어졌다. 여러 특징이 있는데 그 중 Component 기반 구조로 각각 독립된 컴포넌트를 만들어 이 컴포넌트를 조합하여 화면을 구성할 수 있다는 점이 매우 흥미롭다! React 특징 - Virtual DOM : DOM(Document Object Model),.. 2022. 6. 14.