본문 바로가기

분류 전체보기155

[Javascript] 정규 표현식<미완성> 정규 표현식(정규식)이란? 특정 패턴의 문자열을 찾기 위한 표현 방식. 정규식을 이용하면, 특정 패턴에 매칭되는 문자열을 쉽게 찾ㅇ르 수 있따. 정규 표현식 활용 예시 "대나무 빨대 a급 제품은 10개 남아있습니다. 010-1111-2222로 call me~!" /대/ : '대'를 하나만 찾는다. => 대나무 빨대 a급 제품은 10개 남아있습니다. 010-1111-2222 로 Call Me~! /대/g : '대'를 모두 찾는다. => 대나무 빨대 a급 제품은 10개 남아있습니다. 010-1111-2222 로 Call Me~! *g(global) 플래그 /대나무 빨대/ : '대나무 빨대'를 찾는다. => 대나무 빨대 a급 제품은 10개 남아있습니다. 010-1111-2222 로 Call Me~! /[대a0.. 2021. 8. 18.
[React] props state 차이 Props, State 리액트에서 데이터를 다룰 때 사용되는 개념 Props 부모 컴포넌트가 자식 컴포넌트한테 전달하는 데이터, 즉 컴포넌트에 전달되는 데이터 State 컴포넌트 안에서 관리되는 데이터 2021. 8. 18.
[React] 함수형 컴포넌트에서 API 불러오기 import React from 'react'; import axios from 'axios'; function PortInfo({link, image, title, category}){ return( {title} {category} ) } class Portfolio extends React.Component{ state = { isLoading : true, ports : []//포트폴리오 내용을 저장할 곳 } getPorts = async() =>{ const { data : { data:{ports}, } } = await axios.get("https://webstoryboy.github.io/dothome1/portfolio.json"); // this.setState({isLoading :.. 2021. 8. 16.
[React] axios(내용 추가하기) 1 axios란? 브라우저, Node.js를 위한 Promise API를 활용하는 http 비동기 통신 라이브러리. 2 axios 특징 - 운영 환경에 따라 브라우저 XMLHttpRequest 객체 또는 Node.js의 HTTP API 사용. - Promise(ES6) API 사용 - 요청과 응답 데이터의 변형 - HTTP 요청 취소 및 요청과 응답을 json 형태로 자동 변경 2021. 8. 16.
[React] map 응용2(portfolio) import React from 'react'; import Header from '../layout/Header'; import Layout from '../layout/Layout'; import Title from '../basics/Title'; import FooterInfo from '../basics/FooterInfo'; function Port({link, image, title, category}){ return( {title} {category} ) } const portfolioInfo = [ { id: "1", link: "https://webstoryboy.github.io/portfolio/port2/", image: "../img/port01.jpg", title: "PORT.. 2021. 8. 16.
[React] map 응용하기 html 꿈을 설계하고 디자인 하다. 나는 공간을 만드는 것을 좋아한다. 어려을 때부터 나만의 공간을 만드는 것을 좋아했고 나만의 다락방을 좋아했다. 단 한 사람이라도 내가 만든 공간 속에서 영감을 받거나 마음이 움직였으면 좋겠다. 서울에는 집이 없지만, 이곳에서는 나만의 집이 많다. 그 집은 비용도 들지 않고 언제든지 만들 수 있다. 나만의 공간을 마음것 만들 수 있다는 건 엄청난 매력인거 같다. 그 한구석에 나만의 꿈을 설계하고 디자인을 하며 앞으로도 살고 싶다. 열심히 할수록 기회는 따른다. 운이 좋은 사람은 없다. 단지 운을 만들 뿐이다. 운을 만들기 위해서는 내가 좋아하는 일이나 내가 하고 싶은 일에 몰두하면 된다. 몰두 하다보면 길이 보이고 방향이 보이게 된다. 운이란 고된 노동과 노력을 통해.. 2021. 8. 16.
반응형

티스토리툴바