본문 바로가기
JSX 목차 1. 멋쟁이 JSX와 Babel 2. JSX 문법 파헤치기 3. Style Basic 4. 실습 JSX : JS과 XML의 합성어 XML를 사용하는 자바스크립트의 확장 문법 xml를 쉽게 말하자면 html과 같은 마크업 언어, 표시하기 위한 언어 xml은 html과 굉장히 유사하지만 다르다 html를 데이터를 화면에 보여주기 위함을 목적이라고 한다면 xml은 데이터를 저장하고 전달하는 것이 주목적이다 xml은 각 데이터가 어떠한 데이터 인지 설명하기 위해 태그를 직접 정의할 수 있다 HTML Hyper Text Markup Language Hello,World XML EXtensionable Markup Language 991206 SCNU JSX = JS + XML Const App = () =>.. 2022. 8. 8.
REACT (1) REACT 기초 1. 리액트가 무엇인지 2. yarn 3. 리액트 업계 hello world. 4. 리액트 꿀팁 REACT : 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리 * 오픈소스 라이브러리 UX : User Experience (사용자 경험) - 사용자가 서비스를 이용하면 겪는 모든 이용 경험 UI : User Interface (사용자 인터페이스) - 사용자가 경험을 할 때 직접 상호작용을 한 부분 프레임워크 : 뼈대, 골조, 소프트웨어의 설계와 구현을 위한 상호 협력하는 클래스와 인터페이스의 집합 라이브러리 : 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임 (이미 만들어진 기능들의 집합의 느낌이다) 프레임워크 : 전체 설계와 구현을 주도 라이브러리 : 불려 와 .. 2022. 8. 8.
CSS 태그 또 다른 아무내용 it것저것 HTML/CSS 개발자 이러고 저러고 생활중 아무내용 같은 태그를 서로 다르게 CSS로 표현하기 태그 HTML/CSS 개발자 이러고 저러고 생활중 CSS 파일로 들어가 태그를 꾸며보자 글자 크기를 키우는 작업을 햅겠다 글자 크기는 CSS에서 다음과 같이 표현한다 p { font-size: 30px; } it것저것 이러고 저러고 생활중 반갑습니다 이 부분을 구분하기 위해 class를 쓴다 class를 적용할 때 이름을 마음껏 적어도 상관없다 HTML/CSS 개발자 이러고 저러고 생활중 반갑습니다 반드시 class name은 큰 따옴표로 묶어줘야한다 큰 따옴표로 시작했으면 큰 따옴표로 마무리해야한다/ 작은 따옴표로 시작했으면 작은 따옴표로 마무리해야한다 p { font-si.. 2022. 8. 5.
HTML - 2 TITLE 태그▶ head에 들어갈 내용이 들어가 있다 body 태그 오늘 뭐 먹지?      추천 받아요 // 이렇게 작성하면 올바른 틀이 갖추어진 HTML/CSS 문서가 된다▶ 상단에 이름을 크게 쓰려면 태그를 써야 하고 다음은 보통 글씨를 쓰려면 태그를 쓴다 앵커 요소HTML에서 HT(Hyper Text)는 링크를 의미하는 것링크는 클릭하기만 하면 다른 페이지로 쉽게 이동할 수 있다앵커 태그는 이런 링크를 생성한다앵커 태그를 이용해 다른 페이지로 이동하거나 현재 페이지 내에서 특정 위치로 초점을 이동시킬 수 있다html의 가장 큰 특징이 되는 태그이며 그만큼 중요하고 자주 사용되는 태그: andor 태그는 a 태그, 앵커, 링크 등 여러 이름으로 불립니다* 다른 문서로 이동할 수 있는 링크를 .. 2022. 8. 1.
HTML - 1 HTML : Hyper Text Markup LanguageHYPER: 단순한 텍스트를 넘어서 웹페이지의 특정 부분과 연결할 수 있는 기능을 자니 텍스트, 즉 링크를 의미MARKUP LANGUAGE: 프로그래밍 언어의 한 종류로 구조적, 계층적으로 표현 가능하다는 특징이 있음- 웹 페이지를 만드는 언어- 태그들의 집합 * 웹 크롤러 : HTML로 만들어진 웹 페이지 속에는 수 많은 정보가 들어 있습니다. 이런 정보를 수집하는 기계를 웹 크롤러(Web Crawler)라 하고, 이 웹 크롤러가 웹을 탐색하며 정보를 수집하여 저장하는 일을 크롤링(Crawling)이라고 합니다 웹 크롤러는 html 구조로 웹 페이지의 콘텐츠 내용을 확인한다즉, 정보를 수집하기 위해 웹 페이지 속의 HTML을 확인하고 분석합니다.. 2022. 8. 1.
VSCODE VSCODE HTML 자동완성 단축키 : ! + Tab -> en을 ko로 사용하면 오류가 덜 남 ko를 입력해 한글로 바꿔준 다음 태그 안쪽부터 코딩 시작하면 됨 * ! + tab이 안되면 html를 입력후 html:5를 선택하면 됨 VSCODE 줄 주석 설정 편집 영역 [Ctrl+/] 이후 단축키 [Shift + Alt + A] 2022. 7. 30.
GIT 버전 관리 : 내가 원하는 시점(버전)으로 이동할 수 있게 해주는 것, 버전 관리 시스템(이를 도와주는 툴) 여럿이 함께 작업하는 협업 프로젝트에는 버전 관리가 필요하다 GIT : 소스코드 버전 관리 시스템 GIT으로 관리하는 프로젝트를 올려둘 수 있는 Git 호스팅 사이트 중 하나가 바로, GitHub GITHUB에는 소스코드를 올려두면 시간, 공간의 제약 없이 협업할 수 있다 오픈소스 : 누구든지 기여할 수 있는 공개저장소 프로젝트 클라우드 서비스 : 내 하드디스크가 아닌 인터넷을 통해 이용할 수 있는 서비스 ex) 드롭박스, 구글 드라이브 GIT 설치 https://git-scm.com/download/win Git - Downloading Package Download for Windows Cli.. 2022. 6. 21.
코코아톡 클론 코딩 #1 HTML와 CSS 기초 크롬, visualstudiocode, 깃 허브 데스크탑 - 3가지 모두 mac, window, linux에서 잘 작동한다 - Github desktop은 linux용이 없다 - Github desktop linux용이 없다면, wine 같은 걸 설치한다 -> window 프로그램을 linux에서 실행 할 수 있게 해주는 것이다 웹사이트는 TEXT일 뿐이다, 언어는 TEXT 예를 들어 이 text 파일을 복사해서 프린트를 한다면 무슨 일이 일어날까? - 아무 일도 생기지 않는다 아무도 이해하지 못하는 text가 되는 것이다 만약 이 text파일을 브라우저에게 준다면 브라우저가 이 text 파일을 이해해서 지금 보고 있는 text로 이 웹사이트를 만들 것이다 웹사이트를 만들 때, 사.. 2022. 4. 24.

티스토리툴바