본문 바로가기

분류 전체보기155

[React] 클래스형 컴포넌트 1. 클래스형 컴포넌트 react 컴포넌트 선언하는 두가지 방식 중 하나. 현재 자주 사용하지 않지만, 사용하는 기업들이 있으므로 그 프로젝트의 유지보수를 위해서는 클래스형 컴포넌트에 대한 개념은 알고 있어야한다. componentDidMount() 마운트된 직후, 즉 트리에 삽입된 직후 호출된다. import React from 'react'; import Header from '../layout/Header'; import Footer from '../layout/Footer'; class Main extends React.Component{ state = {}; componentDidMount(){ } render(){ return( We Provide visual coding solutions f.. 2021. 8. 16.
[React] map 1 map 배열 안의 모든 자료에 똑같은 작업을 하나씩 시켜주고 싶을 때 사용하는 내장 함수 import React from 'react'; import Header from '../layout/Header'; import Footer from '../layout/Footer'; function Info({text}){ return( {text} ) } const textInfo = [ {text : "WE PROVIDE"}, {text : "VISUAL CODING"}, {text : "SOLUTIONS"}, {text : "FOR YOU WEBS"} ] function Main(){ return( {textInfo.map((el) => ( ))} ); } export default Main; 2021. 8. 16.
[React] 객체 생성 및 객체 호출 객체 생성 const textInfo = "Hello" const textInfo = { text1 = "WE PROVIDE", text2 = "VISUAL CODING", text3 = "SOLUTIONS", text4 = "FOR YOU WEBS" } 객체 호출 function Main(){ return( ) } 2021. 8. 16.
[React] props 1 props 부모 컴포넌트가 자식 컴포넌트에 값을 전달할 때 사용하는 것. props 사용방법 1. 변수명을 넣고 싶을때는 중괄호를, 일반 텍스트를 전송할 때는 따옴표. 2. 자식컴포넌트 선언하는 function 안에 파라미터를 하나 만들어준다. import React from 'react'; import Header from '../layout/Header'; import Footer from '../layout/Footer'; function Info(props){ return( {props.text1} {props.text2} {props.text3} {props.text4} ) } function Main(){ return( ) } export default Main; props 생략 impor.. 2021. 8. 16.
[React] 객체화 시키기 - Component 1 component 만들기 복잡한 HTML을 한 단어로 깔끔하게 치환해서 넣을 수 있다. Component 방법 - function을 이용해서 함수를 하나 만든다. - 그 함수 안 return()을 적고 원하는 HTML을 담는다. - 원하는 곳에 라고 사용하면 함수에 축약한 HTML이 등장한다. 이렇게 축약한 html 덩어리를 component라고 한다. import React from 'react'; import Header from '../layout/Header'; import Layout from '../layout/Layout'; import Title from '../basics/Title'; function About(){ return ( 꿈을 설계하고 디자인 하다. 나는 공간을 만드는 것.. 2021. 8. 16.
Git 이란? 1 Git 이란? 1.1 형상 관리 도구(Configuration Management Tool) 중 하나. - 형상 관리 도구는 버전 관리 시스템이라고도 한다. - Git은 소프트웨어를 개발하는 기업의 핵심 자산인 소스코드를 효과적으로 관리할 수 있게 해주는 무료, 공개소프트웨어. - 하나의 중앙 서버가 존재하지만, 각자의 컴퓨터 저장소에 중앙 서버의 전체 사본을 가지고 작업을 할 수 있다. 2 Git의 장점 - 소스코드를 주고 받을 필요 없이, 같은 파일을 여러 명이 동시에 작업하는 병렬 개발이 가능하다. - 즉 브랜치를 통해 개발한 뒤, 본 프로그램에 합치는 방식(Merge)으로 개발을 진행할 수 있다. - 분산 버전관리이기 때문에 인터넷이 연결되지 않은 곳에서도 개발을 진행할 수 있으며, 중앙 저장.. 2021. 8. 16.
반응형

티스토리툴바