FE

[REACT] Component

클래스형 컴포넌트 import React, { Component } from 'react'; import './App.css' class App extends Component{ render(){ const name = 'react'; return {name}; } } export default App; 클래스형 컴포넌트와 함수 컴포넌트의 차이점 : 클래스형 컴포넌트의 경우 이후 배울 state 기능 및 라이프 사이클 기능 사용 가능, 임의 메서드 정의 가능 클래스형 컴포넌트에서는 render 함수가 꼭 있어야하고, 그 안에서 보여 주어야 할 JSX 반환해야 함. 보통 함수 컴포넌트와 Hooks 사용 권장, 그치만 일단 알아두자.. const MyComponent = () => { //화살표 함수 문법 ..

[REACT] JSX

import logo from './logo.svg'; import './App.css'; //App이라는 컴포넌트 만들어주는 코드 function App() { //함수 컴포넌트 //프로젝트에서 컴포넌트 렌더링하면(보여준다는 의미) 함수에서 반환하고 있는 내용 나타냄 //JSX라고 부름 return ( Edit src/App.js and save to reload. Learn React ); } export default App; 이런 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환. 매우 편하게 UI 렌더링 가능 function App() { //함수 컴포넌트 //프로젝트에서 컴포넌트 렌더링하면(보여준다는 의미) 함수에..

갬블링게임

HTML 삽입 미리보기할 수 없는 소스 갬블링 게임 각 숫자를 클릭하면 1에서 3사이의 난수로 바뀝니다. 모두 같은 수가 나오면 승리합니다. 0 0 0 갬블! 초기화 var trial = 0; function shuffle(){ var numbers = document.getElementsByClassName('number'); for(var i = 0; i < numbers.length; i++){ numbers.item(i).innerHTML = Math.floor((Math.random()*3)+1); } var obj = document.getElementById("parent"); var newDiv = document.createElement("div"); newDiv.setAttribute(..

[HTML]구조화

1. 구조화 HTML 삽입 미리보기할 수 없는 소스 스마트폰 스마트폰은 컴퓨터를 결합한 무선 휴대전화기이다. PC에서 실행되는 운영체제보다 작게 만든 모바일 운영체제를 탑재하여 인터넷 검색, 전자우편, 간단한 문서 편집, 카메라, 오디오 및 비디오 재생 등 PC의 기능을 거의 모두 갖추고 있다. 목차 역사 안드로이드폰 아이폰 샘플 역사 최초의 스마트폰은 사이먼(Symon)으로 추정된다. IBM사가 1992년에 설계하여 그 해에 미국 네바다 주의 라스베이거스에서 열린 컴댁스에서 컨셉 제품으로 전시되었다 안드로이드 안드로이드(영어: Android)는 휴대 전화를 비롯한 휴대용 장치를 위한 운영 체제와 미들웨어, 사용자 인터페이스 그리고 표준 응용 프로그램(웹 브라우저, 이메일 클라이언트, 단문 메시지 서비스..

[HTML 실습 01] 기본 문서 작성, 표 생성, 셀 병합, th, td

1. 첫번째 실습 *코드 블럭에는 visual Code에서 image 파일 생성 후 image 파일을 넣은 뒤 상대 경로를 사용. - 국원 모집 방송에 관심있는 새내기 여러분들 환영합니다 교내 방송국에서 신입생을 대상으로 수습 국원을 모집합니다. 학부나 전공에 상관없습니다. 평소 방송에 관심 있었던 여러 학우들의 지원 바랍니다. 모집 기간 : 3월 2일 ~ 3월 11일 모집 분야 : 아나운서, PD, 엔지니어 지원서 양식은 교내 방송국 홈페이지 공지 게시판에 있습니다. 혜택 수습기자 활동 중 소정의 활동비 지금 현장실습 과목 학점 인정 정기자로 진급하면 장학금 지급 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ..

[HTML] tag

블록형 태그 : ... 인라인 태그: , , , *태그 사례들 기억해두기. 블록태그 -항상 새 라인에서 시작하여 출력 -양 옆에 다른 콘텐트 배치X, 한 라인 독점 사용. 가 가장 많이 사용됨 인라인 태그 -블록 속에 삽입되어 블록의 일부로 출력. 이 가장 많이 사용됨 - 약자 정리 tag 뜻 heading paragraph break horizontal rule anchor - 한 페이지 내에 링크를 만드는 기능 hyper reference - 링크된 페이지의 URL 명시 bold italic subscript - 아래 첨자 superscript - 윗 첨자 unordered list ordered list definition list list item table row - 가로줄 table headi..