분류 전체보기 1383

ch03.JSX 문법(2)

JSX 문법 3) IF문 대신 조건부 연산자 JSX 내부의 자바스크립트 표현식에서는 if문을 사용할 수 없다. JSX 밖에서 if문을 사용하여 사전에 값을 설정하거나, { } 안에 조건부 연산자를 사용해야 된다. function App() { // const name = '리액트'; const name = '리웹트'; return ( {name === '리액트' ? ( 리액트입니다. ) : ( 리액트가 아닙니다. )} ); } export default App; 4) AND 연산자(&&)를 사용한 조건부 렌더링 특정 조건을 만족할 때 내용을 보여 주고, 만족하지 않을 때 아예 아무것도 렌더링 하지 않을 때 사용 null을 렌더링 하면 아무것도 보여주지 않는다. &&연산자를 사용하면 더 짧은 코드로 조건부..

리액트/JSX 2021.07.20

ch02. JSX 문법(1)

JSX 문법 1) 감싸인 요소 컴포넌트에 여러 가지 요소가 존재한다면 반드시 부모 요소 하나로 감싸야한다. virtualDOM에서 컴포 너트 변화를 감지해낼떄 효율적으로 비교 가능하게 컴포넌트 내부는 하나의 DOM트리구조로 이루어져야 되는 규칙이 존재하기 때문 반드시 div요소를 사용하지 않고 리액트 v16이상부터 도입된 Fragment기능 사용해도 된다. fragement는 이렇게 빈 값으로도 사용이 가능하다. function App() { /************ 변 환 ************/ /* return ( //에러 코드 why? JSX는 요소 여러개가 부모요소 하나에 감싸져 있지 않기 떄문 리액트 안녕 잘 동작하니? ); */ /**** 방법 1 ***/ /* return ( 리액트 안녕 ..

리액트/JSX 2021.07.20

ch01.JSX

Yarn 패키지가 자동으로 생성해준 React코드 살펴보기 import React from 'react';//리액트를 불러와서 사용 가능 하도록 해준다. import logo from './logo.svg';//svg, css import import './App.css'; function App() {//function 키워드를 통해 컴포넌트를 만든다 -> 함수형 컴포넌트 return ( Edit src/App.js and save to reload. Learn React ); } export default App; 번들러 : 파일을 묶듯이 여러개의 모듈들을 연결한다. 대표적인 번들러 : 웹팩,parcel,browserify(리액트에서는 웹팩이 추세이다) 번들러 도구를 사용하면 import로 모듈을 불..

리액트/JSX 2021.07.20

ch01.리액트 시작-리액트의 개념

리액트는 MVC 패턴중 오로지 View에만 관점을 두며, JavaScript 라이브러리중 하나이다 리액트는 데이터가 변할 때마다 기존 뷰를 날려버리고 처음부터 새로 랜더링 하는 방식이다 컴포넌트 : 특정 부분이 어떻게 생길지를 정하는 선언체 렌더링 : 사용자 화면에 뷰를 보여주는 것 (초기 렌더링, 리렌더링) 초기 랜더링 : render함수를 통해 초기 어떻게 보일지를 결정한다(render함수를 실행하게 되면 내부에 있는 컴포넌트 들도 재귀적으로 렌더링 된다) 리렌더링(조화과정) : render 함수를 통해 뷰를 새로 갈아 끼운다. 컴포넌트의 데이터가 업데이트 되었을 때 새로운 데이터를 가지고 render함수를 또 다시 호출하여 데이터를 지닌 뷰를 생성한다 대신에!! render가 반환하는 결과를 DOM..

ch08.WorkBench && exerd 설치

안녕하세요 오늘은 Mysql Workbench와 exerd(토마토 시스템)을 설치해 보도록 하겠습니다. 1. workbench 설치 https://dev.mysql.com/downloads/workbench/ MySQL :: Download MySQL Workbench Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Red Hat Enterprise Linux / Oracle Linux Fedora macOS Source Code Select OS Version: All Windows (x86, 64-bit) Recommended Download: Other Downloads: Windows (x86, 64-..

서버/centOS 2021.06.22

ch07. maven 설치

안녕하세요. 오늘은 이전에 설치한 centos7에 maven을 설치해 보도록 하겠습니다. maven 설치는 https://maven.apache.org/ 해당 apache 공식 사이트에서 설치하였습니다. 저는 3.8.1 버전을 받았습니다. 1. wget https://mirror.navercorp.com/apache/maven/maven-3/3.8.1/binaries/apache-maven-3.8.1-bin.tar.gz 2. tar xvfz apache-maven-3.8.1-bin.tar.gz로 압축을 풀어줍니다. 3. /etc/profile 에서 환경변수를 변경해 줍니다. 3-1) mv /usr/local/user01/apache-maven-3.8.1 /usr/local/user01/maven-3.8...

서버/centOS 2021.05.23

ch6. mysql설치

안녕하세요 오늘은 mariaDB을 설치할 예정입니다. 1.nettle 패키지 다운 일단 처음에는 nettle 패키지를 다운로드하아야 되는데 버전은 3.7.1로 받겠습니다. http://www.linuxfromscratch.org/blfs/view/stable/postlfs/nettle.html download 받은 nettle패키지를 풀어주고 ./configure --prefix=/usr/local로 설정하고 make를 진행합니다. 2. group과 user를 설정 이제 서버에 그룹과 유저를 설정을 해 주어야되는데요. groupadd mysql useradd -M -g mysql mysql 명령어로 그룹과 유저를 만들어 줍니다. 3.MariaDb 다운로드 https://mariadb.com/kb/en/m..

서버/centOS 2021.05.23

ch5.GIT 클라이언트

안녕하세요 오늘은 지난번에 설치한 centos에 GIT Client를 설치해 보도록 하겠습니다. 1. ZLIB을 다운로드합니다.(C로 작성된 데이터 압축 라이브러리) ZLIB 공식사이트에서 https://www.zlib.net/ 최신 버젼으로 받았습니다. 2. tar 명령어로 압축해제 tar xvfz zlib~~ 3. make, gcc 컴파일러 설치 yum -y install gcc yum -y install make 명령어로 gcc컴파일러와 make(파일 간의 종속관계를 파악하여 Makefile( 기술파일 )에 적힌 대로 컴파일러에 명령하여 SHELL 명령이 순차적으로 실행될 수 있게 한다)를 다운받습니다. 4. ./configure설정 zlib으로 들어간뒤 컴파일 환경설정을 해줍니다.(cd zlib~..

서버/centOS 2021.04.10

ch4. tomcat 설치

안녕하세요. 오늘은 지난번에 설치한 서버에 Tomcat과 Tomcat이 자동실행되도록 데몬 스크립트를 작성해 보겟습니다. 경로는 /usr/local/user01/tomcat으로 설치를 하겟습니다. 참고로 tomcat 버젼은 10.0.4입니다 https://tomcat.apache.org/download-10.cgi Apache Tomcat® - Apache Tomcat 10 Software Downloads Welcome to the Apache Tomcat® 10.x software download page. This page provides download links for obtaining the latest version of Tomcat 10.0.x software, as well as link..

서버/centOS 2021.04.10

ch3. 자바 설치

안녕하세요 오늘은 이전에 설치한 CENTOS에 JAVA를 설치하겠습니다. 1. xshell로 고정 IP로 설정한 서버에 접근합니다. 2. yum -y install tar 로 tar패키지를 다운받습니다. 3.JDK를 down받습니다.(해당 URL로 이동하여 JDK를 받아 봅시다) https://www.oracle.com/java/technologies/javase-jdk16-downloads.html JAVA는 SE,EE,ME가 있는데 EE는 기업용, ME 임베디드를 위한 자바 플렛폼입니다. 저희는 SE로 다운받으면 됩니다.!! 또한 JDK 와 JRE는 자바을 실행환경 차이인데요 그림이 이해가 잘 되서 남겨두었습니다. 4. xftp로 고정 IP로 설정한 서버에 접근합니다. 3.에서 다운받은 JDK파일을 ..

서버/centOS 2021.04.08