본문 바로가기

전체 글158

[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.
[javascript] 문법 정리 - 데이터 제어하기 01 if문 { //true, false, 1, "1", "", 0, null, undefined, [], {} if(true){ document.write("조건문이 실행되었습니다.(true)"); } else { document.write("조건문이 실행되었습니다.(false)"); } } 02 if문 생략 { let num = 100; if(num == 100 ) document.write("true"); else document.write("false"); } 03 다중 if { let num = 100; if(num == 90){ document.write("조건문이 실행되었습니다.(num == 90)"); } else if (num == 100){ document.write("조건문이 실행되었.. 2021. 8. 12.
[javascript] 문법 - 데이터 실행하기 1 선언적 함수 { function func(){ document.write("함수가 실행되었습니다."); } func(); //함수가 실행되었습니다. } 2 익명 함수 { const func = function(){ document.write("함수가 실행되었습니다."); } func(); //함수가 실행되었습니다. } 3 매개변수 함수 { function func(str){ document.write(str); } func("함수가 실행되었습니다."); //함수가 실행되었습니다. function func1(str1, str2){ document.write(str1, str2); } func1("함수가", "실행되었습니다."); //함수가실행되었습니다. } 4 리턴값 함수 { function func(.. 2021. 8. 12.
[javascript] 문법정리 - 데이터 불러오기 01 변수 : 데이터 불러오기 { let x = 100, y = 200, z = "javscript"; document.write(x); //100 document.write(y); //200 document.write(z); //javscript } 02 상수 : 데이터 불러오기 { const x = 100, y = 200, z = "javascript"; document.write(x); document.write(y); document.write(z); } 03 배열 : 데이터 불러오기 { const arr = [100, 200, "javascript"]; document.write(arr[0]); //100 document.write(arr[1]); //200 document.write(arr[2.. 2021. 8. 12.
반응형

티스토리툴바