전체 글 88

리액트란? React.js

Single Page Application = SPA 리액트는 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다. 웹 및 모바일 앱의 view layer를 처리하는 데 사용됩니다. 또한 React를 사용하면 재사용 가능한 UI 구성 요소를 만들 수 있습니다. React는 Facebook에서 일하는 소프트웨어 엔지니어 jordan walke가 처음 만들었습니다. React를 사용하면 개발자가 페이지를 다시 로드하지 않고도 데이터를 변경할 수 있는 대규모 웹 애플리케이션을 만들 수 있습니다. React의 주요 목적은 빠르고 확장 가능하며 단순합니다. 리액트 실행방법 터미널에서 npx create-react-app..

카테고리 없음 2022.10.07

CSS 01 em , rem % vw vh

CSS 01 em , rem % vw vh 필수 반응형 CSS 입니다. 1. % Persent 부모 요소 사이즈 안에 패딩 상위 개념에 패딩값까지 포함한 기준 시작 % 박스 전체 크기 를 말한다 % 아까 말했지만 부모의 너비 기준으로 적용한다 Max-width 최대폭 최대값 요소의 너비와 높이 박스 는 % v*(view port) Font-siez 폰트사이지는 em ,rem 더 상세하게 적어볼게요 2. em 과 rem 차이 공통 폰트사이즈 반응형입니다 em 상위 부모 유동적 이고 rem 최상위[맨상위!!] 고정적 이다 - em relative to Parent Element [Relative] 상위 요소의[부모] 폰트 사이즈 몇배곱하기 상위 부모 사이즈 차이남 ( 유동적 사이즈를 늘어나게함) 예) 박스 ..

javascript 01 자바스크립트가 뭐죠?

means? 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용되며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 조금더 쉽게 말하면 개발자가 대화식 웹 페이지를 만들기 위해 사용하는 자바스크립트 [프로그래밍 언어]입니다. 소셜 미디어 피드 새로 고침부터 애니메이션 및 대화형 지도 표시에 이르기까지, JavaScript 함수는 웹 사이트의 사용자 경험을 개선할 수 있습니다 동적 콘텐츠 업데이트 JavaScript 함수를 사용하면 웹 사이트 사용자가 콘텐츠를 동적으로 업데이트할 수 있는 대화형 기능을 만들 수 있습니다. 다음은 이러한 대화형 기능의 몇 가지 예입니다. · 버튼 클릭으로 정보 표시 또는 숨기기 · 전화 번호 및 이메일..

도커 Docker란 가상화?

docker file=> Image => container 마지 요리 레시피라고 생각하는게 편하다 도커 (docker): 가상화 기술 가상화란? container Application 배포해주는 자동앤잔 + 사용자의 코드를 어디에서든 빠르고 가볍게 실행시킬 수 있는 기술 제공 Good : os 프로세스를 격리 , 기존 시스템 지원 공유 , 리눅스 전용 , 자동스크립 ------ Client And Server 서버 명령 전달 실행 원하는 개발 환경을 파일에 저징하면 docker 는 너가원하는 어떤 머신에든 해당 환경을 시물레이션을 해준다 docker files=> 도커는 그 다운로드한 파일을 읽고 해당 설정한 환경과 같은 버츄얼 컨테이너 컴퓨터에 만든다 . 도커는 독립적이다 .independent 덕분에..