분류 전체보기216 brunch 만들고 push하기 git checkout -b dain-save-agent git push origin dain-save-agent 2020. 8. 24. [React 스터디] 2 : 접근성 접근성이란? 사용자가 신체적 불편함이나 장애 여부와 상관없이 웹에 접근할 수 있도록 고려하는 것으로 img태그에 대한 대체 텍스트, 건너뛰기 링크, 레이블 제공 등으로 접근성을 높일 수 있다. 시맨틱 HTML class Table extends React.Component { render() { return ( ); } } class Columns extends React.Component { render() { return ( Hello World ); } } 의 출력 결과는 다음과 같습니다. Hello World 렌더링 된 HTML이 유효하려면 가 여러 엘리먼트만 반환해야 합니다. 의 render() 안에 부모 div로 자식들을 감싼다면 렌더링 된 HTML은 유효하지 않습니다. Fragments는 이.. 2020. 8. 21. git stash , 체크아웃 하기 전에 저장소 작업 트리를 정리하십시오 git stash git stash save 이름 git stash list git pull git stash pop https://www.it-swarm.dev/ko/git/vscode-%EC%B2%B4%ED%81%AC-%EC%95%84%EC%9B%83%ED%95%98%EA%B8%B0-%EC%A0%84%EC%97%90-%EC%A0%80%EC%9E%A5%EC%86%8C-%EC%9E%91%EC%97%85-%ED%8A%B8%EB%A6%AC%EB%A5%BC-%EC%A0%95%EB%A6%AC%ED%95%98%EC%8B%AD%EC%8B%9C%EC%98%A4/805461543/ git — VSCode "체크 아웃하기 전에 저장소 작업 트리를 정리하십시오" Visual Studio Code에서 아직 동기화를 커밋하지.. 2020. 8. 20. React Context Provider Login GlobalContext.js const GlobalContext = createContext({ state: { isLoggedIn: false, }, actions: { setIsLoggedIn: () => {}, }, }); const GlobalProvider = ({ children }) => { const [isLoggedIn, setIsLoggedIn] = useState(); const value = { state: { isLoggedIn, }, actions: { setIsLoggedIn }, }; return ( {children} ); }; App.js if (!isLoggedIn) { return ; } else { return ( ... Login.js const Login = (.. 2020. 8. 18. [React 스터디] 1 : 주요 개념 https://blex.me/@yoyounn18/react-%EC%86%8C%EA%B0%9C-%EB%B0%8F-%EC%9E%91%EB%8F%99-%EC%9B%90%EB%A6%AC-react%EB%8A%94-%EC%99%9C-%EB%B9%A0%EB%A5%B4%EB%A9%B0-%EA%B0%81%EA%B4%91%EB%B0%9B%EB%8A%94-%EA%B8%B0%EC%88%A0%EC%9D%B8%EA%B0%80 React 소개 및 작동 원리 (React는 왜 빠르며 각광받는 기술인가) React란? 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 페이스북의 소프트웨어 엔지니어 Jordan Walke가 개발 페이스북, 인스타그램 등 넓게 사용되는 중 class HelloMessage extends R.. 2020. 8. 16. [Express 모듈] 기본적인 로그인 구현 Login Id Password body-parser npm install body-parser var express = require("express"); var cookieParser = require("cookie-parser"); var bodyParser = require("body-parser"); var fs = require("fs"); var app = express(); app.use(cookieParser()); // parse application/x-www-form-urlencoded app.use(bodyParser.urlencoded({ extended: false })); // parse application/json app.use(bodyParser.json()); app... 2020. 8. 14. [Express 모듈] Express 앱에서 사용할 미들웨어 작성 http 모듈로 웹 서버를 생성하면 굉장히 많은 일을 직접 처리해야 합니다. express 모듈은 http 모듈에 여러 기능을 추가해 쉽게 사용할 수 있게 만든 모듈입니다. express 모듈은 외부 모듈입니다. 따라서 다음 명령어로 설치합니다. npm install express use() 메서드는 여러번 사용할 수 있습니다. use() 메서드의 매개변수에는 function(req, res, next){} 형태의 함수를 입력합니다. use() 메서드의 매개변수에 입력하는 함수를 미들웨어라고 부릅니다. 미들웨어 함수는 요청 객체 ( req), 응답 객체 ( res) 및 next애플리케이션의 요청-응답주기에 있는 함수에 액세스 할 수 있는 함수입니다. 이 next기능은 Express 라우터의 기능으로 호출.. 2020. 8. 14. Node.js HTTP 모듈 (3: 데이터 추출과 쿠키 추출) 데이터 추출 Send Data With POST Method Data A Data B require('http').createServer(function(request, response) { if (request.method == 'GET') { //GET 요청 require('fs').readFile('post.html', function(error, data){ response.writeHead(200, {'Content-Type': 'text/html'}); response.end(data); }); }else if (request.method == 'POST') { //POST 요청 request.on('data', function(data){ response.writeHead(200, {'Con.. 2020. 8. 13. Node.js HTTP 모듈 (2: url.parse) JSON.parse() 문자열 (JSON 형식으로 작성)을 구문 분석하고 JavaScript 객체를 반환합니다. JSON.stringify () JavaScript 개체 또는 값을 JSON 문자열로 변환하고, 대체자 함수가 지정된 경우 선택적으로 값을 대체하거나 대체자 배열이 지정된 경우 지정된 속성만 선택적으로 포함합니다. console.log(JSON.stringify({ x: 5, y: 6 })); > "{"x":5,"y":6}" url.parse(urlString[, parseQueryString[, slashesDenoteHost]]) url.parse()메서드는 URL 문자열을 가져 와서 구문 분석하고 URL 개체를 반환합니다. urlString 구문 분석할 URL 문자열입니다. parseQu.. 2020. 8. 13. 이전 1 ··· 7 8 9 10 11 12 13 ··· 24 다음
