UNIX의 특징 다중사용자, 다중 작업을 지원하는 신뢰성 높은 운영체제 리눅스는 UNIX의 무료 공개버전 초기에 리눅스는 PC용 운영체제로 개발되었음 대표적 UNIX시스템 BSD계열: Free BSD, Sun OS System V 계열: HP-UX, IBM AIX, Solaris 리눅스 리눅스 리눅스 특징 다중사용자와 다중작업을 지원 뛰어난 이식성을 제공 모듈화되어있어 업그레이드또는 업데이트가 용이 CUI,GUI를 지원( CUI: 셸을 통해 커맨드를 입력 (=CLI), GUI: 윈도우롸 데스크톱) 소스코드가 공개됨 여러 종류의 파일 시스템 지원 효율적 하드웨어의 활용 다영한 응용프로그램과 소프트웨어 개발환경을 제공 오픈소스와 라이선스 오픈소스 개발자가 소스코드를 공개하여 누구나 사용, 수정, 공유 할 수..
transform element변형시 사용 요소의 회전, 크기조절, 기울이기, 이동효과를 부여하는 함수 제공 transform: transform 함수; 함수 설명 함수 인자 값 translate(x,y) 요소위치를 가로로x, 세로로y만큼 이동 css기본단위 translateX(n) 요소위치를 가로로 x만큼 이동 css기본단위 translateY(n) 요소위치를 세로로 y만큼 이동 css기본단위 sclae(x,y) 요소크기를 가로로 x배, 세로로 y배 확대또는 축소 0또는 양수 sclaeX(n) 요소크기를 가로로 x배 확대또는 축소 0또는 양수 sclaeY(n) 요소크기를 세로로 y배 확대또는 축소 0또는 양수 skew(x-angle,y-angle) 요소를 가로로 x각도만큼, 세로로 y각도 만큼 기울임 ..
useState - 컴포넌트의 상태 - 기본적으로 데이터가 저장되는 곳 - 변수 대신 쓰는 데이터 저장공간 - 문자, 숫자, array, object 다 저장가능 - 웹이 App처럼 동작하게 만들고 싶음 - state는 변경되면 HTML이 자동으로 재렌더링됨 - 자주 바뀌는 중요한 데이터 state로 사용 import {useState} from "react"; //리액트 내장함수 사용 const [state, setState] = useState("초기값"); //state: (=초기값) 데이터, setState: 데이터를 변경하는 함수 useEffect Mount: 화면에 첫 렌더링 Update: 다시 렌더링 Unmount: 화면에서 사라질때 useEffect( ( ) => { } ) 인자로 콜백함수..
JSX: Babel: jsx로 적은 코드를 브라우저가 이해할 수 있게 변환해줌 cosnt Button = { console.log("i'm clicked")}> Click me style 객체로 들어가기때문에 {{}} , ","쉼표로 마무리 , 카멜케이스 사용 const container = React.createElement("div", null, [Title, Button] ReactDOM.render(container, root); const Container = //컴포넌트의 첫 글자는 대문자여야함.
DOMContentLoaded - 브라우저가 HTML을 전부 읽고 DOM트리를 완성하는 즉시 발생 (이미지 파일()이나 스타일시트 등의 기타 자원은 기다리지 않음) – DOM이 준비된 것을 확인한 후 원하는 DOM 노드를 찾아 핸들러를 등록해 인터페이스를 초기화할 때 활용 document 객체에서 발생, 이 이벤트를 다루려면 addEventListener 사용 - HTML문서 처리중 태그 만나면 DOM 트리 구성 멈추고 태그 실행 스크립트 실행이 끝난 후 에 나머지 문서 처리 load - HTML로 DOM트리를 만드는게 완성되었을 뿐만 아니라 이미지, 스타일시트 같은 외부 자원도 모두 불러오는것이 끝났을떄 발생 beforeunload/ unload - 사용자가 페이즈를 떠날때 발생 defer, async..