웹 (4) 썸네일형 리스트형 [강의] 학습중... - JSX 3가지 문법 1. 태그에 class를 주고 싶으면? 2. 리액트에서는 데이터 바인딩(데이터를 HTML에 꽂아넣는 것)을 쉽게 할 수 있음 src, id, href 등의 속성에도 {변수명, 함수 등}: 중괄호 사용 3. JSX에서 style 속성 집어넣을 때는 style = {object 자료형({})으로 만든 스타일} -> 귀찮으니 className쓰자... camelCase작명관습에 따라 속성명을 바꿔줘야 함(font-size-> fontSize) - useState(변수말고 데이터를 저장할 수 있는 또 하나의 방법 - state) 데이터는 1. 변수에 넣거나 2. state에 넣거나 리액트의 데이터 저장공간 state만드는 법 1. { useState } 상단에 첨부 import Rea.. [React] 정리 와이파이가 없어서 한글에 정리해놓은건데 잃어버릴 수 있으니까 여기에다가 올려놔야겠다 ㅎㅎ React JS #1. 강의소개 - create-react-app을 이용해 functional component 작성법과 JSX를 배움 - React Hook(useState, useEffect)도 함께 다룸 CRUD 구현을 위해 JSON-Server를 띄우고 Rest API를 통신하며 단어들을 추가(POST), 수정(PUT), 삭제(DELETE)하는 작업 => 강의를 듣기 전 node.js(프레임워크),VSCode(텍스트 에디터) 설치, html과 javaScript 지식 #2. 설치 적당한 폴더를 만들어 cmd창 띄우기 npx create-react-app 프로젝트명 npx: npm에 올라가 있는 패키지를 바로 .. [인프런] 기초 HTML 음... 강의를 들어보니까 예전에 배운거라 그냥 실습을 하면서 공부하는 것이 낫겠다는 생각이 들었다... 그래도 정리한건 아까우니까... (기록...) 섹션1. 기초 HTML [1-1] HTML 개념 알기 하이퍼텍스트 -> 다른 정보로 접근할 수 있게 도와주는 링크 HTML(HyperText Markup Language) 웹을 이루는 가장 기초적인 구성 요소로, HTML은 웹 페이지의 내용을 서술하고 정의하는 데 사용한다. (태그라는 개념으로 구분) html 언어에서는 태그라는 문법적 특성으로 웹 화면의 요소(element)를 표현 요소 = 태그로 이루어짐 HTML의 문법 마크업 언어: 언어체계가 모든 것이 태그로 이루어져있음, 태그의 집합으로 어떠한 내용을 표현하는 것 여는 태그와 닫는 태그의 한 쌍 .. [인프런] 웹 개발 시작해봐요 블로그를 쓴지 어느덧...(언젠지 기억 안 나는거 아님) 참 많은 문제를 봤지만... 뭔가 부족한 느낌이 든다... 내가 학교를 다니면서 여러 프로젝트를 해보고 수업을 들었지만, 웹에 대한 것은 수업에서 들은 것이 전부라는 것을 다시 한번 깨달았다. 그래서 처음부터 다시 시작한다는 마음으로 강의를 들어보려고 한다. 어떤 강의를 들을까 고민하다가 20만원짜리 강의를 아무생각없이 결정하기에는 부담이 갔다. 그래서 인프런에 무료 강의가 있길래 들어보려고 한다. 이 강의는 '프로그래밍 시작하기: 웹 입문'이라는 제목을 가진 입문자를 위한 강의이다. 처음으로 프로그래밍을 시작하는 것은 아니지만 웹페이지를 만들어본지는 조금 됐기 때문에 일단 여기서부터 시작하겠다!! 그럼 바로 GO~~!! 섹션 0. 웹 개발 시작해.. 이전 1 다음
