[CSS]display level 디스플레이 레벨 display레벨 block 레벨 부모의전체크기를 기본값으로 가진다 줄내림이 된다 크기를 가질 수 있다 좌우정렬시 margin: auto값을 사용할 수 있다. inline 레벨 한줄로 배치된다 크기를 가질 수 없다 글자와 유사한 속성 inline-block 크기를 가지며 한줄로 배치되는 요소 img,svg,video,iframe,button, input, select, canvas 상하간격및 여백이 적용되지않음 프로그래밍/Html\Css 2023.09.06
깃허브란? 깃허브 모든 과정을 로컬 저장소(Local Repository)에 저장하는 것이 아니라, 스테이징 영역을 통해 저장해야 하는 부분을 정리할 수 있다. 작업 디렉토리 : 코딩하는 공간 스테이징 영역 : 임시 저장 공간 로컬 저장소(Local Repository) : 실제 로컬에 저장되는 공간 원격 저장소(Remote Repository) : 내가 저장한 변경 내역을 다른 사람과 공유할 수 있는 원격 공간 강의실 commit(로컬저장소) 10개(git) push >> repository(github 원격저장소) >> pull 20개 집 Untracked : 내가 새로 만든 파일(Git은 모름) Staged : Untracked 파일을 스테이징 영역에 올린 상태 Unmodified : 스테이징 영역에서 Com.. 프로그래밍/Git&Github 2023.09.06
web application program 1.web application program -인터넷,인트라넷 상에서 데이터를 처리하는 비즈니스 로직을 포함하는 프로그램 2.웹 애플리케이션 실행 환경 ● Front-end(UI, Client) html5 : 뼈대,틀 css : 스타일 js(javascript) : 이벤트 ES5/ES6 JQUERY, AJAX , JSON... 웹 브라우저 : .html, .htm(같음) Script 언어? -혼자서는 실행이 불가능(어딘가에 포함이 되어야함) 1.Client Script -JavaScript -VBScript 2. Server Script -PHP -JSP -ASP ●Back-end(server) 웹서버는 서버에서 실행하는 언어따라 종류가 나뉜다 JavaBeans : DTO, DAO, Service WA.. 프로그래밍/Javascript 2023.09.06
챌린지1일차) 왜 자바스크립트일까? 브라우저는 html css 자바스크립트로 구성되어 있다 그만큼 자바스크립트를 배우는 건 의미 있다. 백엔드는 10개 이상 언어가 있다 하지만 프런트 엔드언어는 구글, 넷플릭스, 에어비엔비, 애플 등 모두가 알만한 기업이라도 javascript 말고는 선택지가 없다. 자바스크립트는 10일만에 만든 언어이다 https://threejs.org 또는 react native 머신러닝 등 참고 -자바스크립트 챌린지 1일차 퀴즈 https://nomadcoders.co/ 프로그래밍/Javascript 2023.09.05
react)useState 기초 버튼 클릭할 때마다 카운트하기 import logo from "./logo.svg"; import "./App.css"; import { useState } from "react"; let counter = 0; function App() { const [counter, setCounter] = useState(0); const onClick = () => { setCounter(counter + 1); }; return ( total click : {counter} click me ); } export default App; 프로그래밍/ReactJS 2023.08.30
javascript localstoreage를 이용한 todolist만들기(1/2) 2.todoapp 일정명 : 일자 : 추가하기 검색 : 정렬 : 최신등록순 등록순 일정명 시간순 let arr = localStorage.getItem("todolocalArr") ? JSON.parse(localStorage.getItem("todolocalArr")) : []; let copyArr = [...arr]; function fnPrint() { document.querySelector(".ex2 .result").innerHTML = ""; copyArr.forEach((v) => { let { id, inputTitle, inputDate } = v; document.querySelector(".ex2 .result").insertAdjacentHTML( "beforeend", ` 날짜.. 프로그래밍/Javascript 2023.08.26
React 컴포넌트 function Taco(){ return () } 이런 양식으로 컴포넌트 출력가능 1. 함수는 다른 함수 밖에서 작성할 것 2. 함수명 첫 번째 글자는 대문자로 작성할 것 function Taco() { return ( 아차산 타코 맛집 타코맛집 아차산으로 오세요 ); 일반 태그처럼 사용할 수 있고, 이미지 태그처럼 셀프클로징 태그로도 사용가능 프로그래밍/ReactJS 2023.08.22
REACT 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V.. 프로그래밍/ReactJS 2023.08.21
javascript 팝업창 만들기 let 팝업종료시점 = localStorage.getItem("popup-hide") / 1000; let 현재시점 = Date.now() / 1000; document.querySelector(".popup_box button").addEventListener("click", (e) => { document.querySelector(".popup_box").style.display = "none"; if (document.querySelector(".popup_box input[type=checkbox]").checked) { localStorage.setItem("popup-hide", Date.now()); } }); if (localStorage.getItem("popup-hide")) { doc.. 프로그래밍/Javascript 2023.08.21