nata_developer

1.웹 사이트에서 컬러란? 웹 사이트의 색상을 선택하는 것은 좋아하는 색상을 선택하여 디자인으로 바꾸는 것 이상을 의미한다. 청중으로부터 원하는 반응을 얻기 위해 올바른 색상을 선택하는 것을 의미한다. 색상은 차이를 만든다. 이것은 각 색상 뒤에 심리적 효과가 있기 때문에 발생한다. 2.각 색상의 의미 1.빨간색은 권력, 열정, 힘 및 흥분을 전달하고 싶을 때 사용하기에 좋은 색상이다. 밝은 톤은 더 활기차고 어두운 톤은 더 강력하고 우아하다. 2.주황색은 빨간색만큼 압도적이지 않고 시선을 끈다. 그것은 쾌활함과 창의성을 의미한다. 주황색은 친근 함, 자신감, 용기와 관련이 있다. 3.노란색은 활기차고 행복과 활력을 준다. 또한 호기심, 지능, 밝기 등과 관련이 있다. 4.녹색은 조화, 자연, 생명 및 ..

HTML-CSS 2020. 8. 30. 09:26

1.HTML이란? HTML은 프로그래밍 언어가 아니라 마크업 언어이다. HYPER TEXT MARKUP LANGUAGE HTML Document는 HTML 태그에 의해 표현된다. 태그는 시작태그와 끝태그가 있다. 2.HTML 기초 문법 My first blog post This is my first blog post "But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the ..

HTML-CSS 2020. 8. 29. 18:57

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.src/components/App.js import React from "react"; import { Router, Route, Switch } from "rea..

React 2020. 8. 21. 17:59

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.public/index.html ... 2.public/modal.html I am a modal alskjdflk asldkfjalskdjf asldfkjalsk..

React 2020. 8. 21. 17:54

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.api/streams.js npm i axios import axios from "axios" export default axios.create({ baseURL:..

React 2020. 8. 20. 18:06

*https://medium.com/@ghur2002/react-router%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-component%EA%B0%84%EC%97%90-props-%EB%84%98%EA%B2%A8%EC%A3%BC%EA%B8%B0-610de3511c67를 참고하였습니다. 1. match.params 값으로 데이터 넘기기 component에서 component로 데이터를 넘겨줄때는 props를 사용하여 편리하게 데이터를 넘겨줄 수 있다. 하지만 만약 단순히 component가 랜더링될때 넘겨주는게 아니라 Routing을 통하여 페이지가 이동할때 넘겨줘야 한다면 어떻게 할까 Routing한 component들은 history, location, matc..

React 2020. 8. 20. 16:32

0.앱 구조 blog-app api db.json client public index.html modal.html src actions index.js types.js apis streams.js components StreamCreate.js StreamDelete.js StreamEdit.js StreamForm.js StreamList.js App.js GoogleAuth.js Header.js Modal.js reducers authReducer.js index.js streamReducer.js history.js index.js 1.components/streams/streamForm.js import React from 'react'; import { Field, reduxForm } fro..

React 2020. 8. 20. 16:06

*https://medium.com/dailyjs/why-build-your-forms-with-redux-form-bcacbedc9e8를 참고하였습니다. 1.redux-form 이란? The fields that are in the form; The values of each field; The focused field; If the field values are valid; The fields that the user have interacted with; If the form is being submitted; If is happening any asynchronous validation. 2. setup. import { reducer as formReducer } from 'redux-form'..

React 2020. 8. 20. 15:06