전체 글

✅ LocalStorage 란? localStorage를 사용하면, 브라우저에 Key-Value 값을 Storage에 저장할 수 있다. 브라우저 상에서 개발자 도구(F12)를 통해 보면 아래와 같이 보여진다. ✅ LocalStorage 사용법 setItem(key, value) - key, value 값 추가 getItem(key) - value 읽어 오기 removeItem(key) - item 삭제 clear() - 도메인 내의 localStorage 값 삭제 length - 전체 item 개수 key() - index로 key값 찾기 📌 setItem(key, value) localStorage.setItem("data_first", data); setItem 메서드를 통해 key는 data_fir..

✅ 리액트란 리액트는 사용자 인터페이스(User Interface)를 만들기 위한 자바스크립트 라이브러리이다. 페이스북에서 처음 개발하고 2013년 오픈 소스 라이브러리로 바뀌어 현재 많은 개발자들이 사용하고 있다. 👉 현재 페이스북, 넷플릭스, 에어비앤비 등 유명한 플랫폼이나 서비스등에서 리액트를 사용하고 있고, 프론트엔드 라이브러리이다. ✅ 리액트 특징 단방향 데이터 흐름: 리액트는 데이터가 단방향으로 흐르기 때문에 데이터 흐름을 추적하기 쉽다. 규모가 커질 수록 데이터의 흐름을 추적하기 힘든데 단방향 데이터 흐름을 통해 파악하기 쉬워진다. 컴포넌트(Component) 기반: 리액트는 독립적인 단위의 소프트웨어 모듈인 컴포넌트(Component)를 기반으로 페이지를 구성한다. 리애그의 컴포넌트는 자바..

✅ DB 문법 #데이터베이스 보기 show databses; #데이터베이스 생성 create database myDB; #데이터베이스 선택 use myDB; 👉 윈도우 환경의 MySQL에서는 대소문자를 구분하지 않는다.(유닉스 환경은 구분함) ✅ 테이블 생성 CREATE TABLE `테이블명` ( `컬럼명1` int NOT NULL AUTO_INCREMENT, #기본키, 숫자 자동 증가, 공백 불가 설정 `컬럼명2` Char(15) DEFAULT NULL, PRIMARY KEY (`컬럼명1`) # 기본키 FOREIGN KEY(컬럼명2) REFERENCES 테이블명(컬럼명) #자기자신 외래키 참조 ) 👉 '테이블명' 따옴표('')를 쓰는 이유는 테이블 이름을 띄어쓰를 쓸 때 쓴다. 띄어쓰기 없을 경우 따옴..

✅ 브라우저 이벤트란? (작성에 앞서 모든 글을 구글링하여 참고하여 공부하고자 쓴 글이오니 참고부탁드립니다.😅) - 이벤트(Event)란 사전적 의미로는 (특히 중요한) 사건[일], 행사 등을 의미한다. 하지만, 브라우저에서의 이벤트란 어떤 웹페이지에서 버튼이 있다고 가정하고 클릭하였을 때 어떤 웹페이지가 로드되었을 때와 같은 현상을 말하는데 이것은 DOM(Document Object Model) 요소와 관련이 있다. 이를 실행하면 그에 맞는 반응을 보인다. 그리고 이벤트는 일반적으로 함수에 연결되며 함수는 이벤트가 발생하기 전에는 실행되지 않다가 이벤트가 발생되면 실행된다. 이 함수를 이벤트 핸들러라고 하며 이벤트에 대응하는 처리를 기술한다. ✅ 자바스크립트 이벤트 종류 🔵 UI EVENT Event ..

✅ JQuery $(선택자).동작함수1().동작함수2() - 달러($) 기호는 제이쿼리를 뜻하고 , 제이쿼리에 접근할 수 있게 해주는 식별자이다. - 선택자를 이용하여 원하는 HTML 요소를 선택한다. - 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다. jQuery $객체 🟢 jQuery 사용 시 먼저 객체를 생성하여야 한다. 🟢 객체는 다양한 메소드를 가진다. jQuery와 Javascript 문법 비교 //JQuery $(function() { $("#id_1").동작함수1().동작함수2(); $('.class_1).동작함수1().동작함수2(); } //Javascript document.onload = function() { document.getElementByID('id_1'); d..

태그 모음표 전부는 아니지만 주로 쓰이는 것들만 정리해보았다. 태그 설명 주석(comment) 해당 문서(document)의 타입을 정함(ex. 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink) 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시 해당 문서나 페이지 또는 사이트와는 독립적으로 구성하는 영역 해당 문서의 콘텐츠 영역 행 바꿈(line-break) 클릭할 수 있는 버튼 테이블의 캡션 컴퓨터 코드(code)의 일부분을 표시 요소에 속하는 각 열(column)의 속성을 정의 테이블에서 서식 지정을 이ㅜ해 하나 이상의 열을 그룹으로 묶을때 사용. 요소에서 설명(description) 부분 텍스트 한가운데 라인을 추가하여 삭제된 텍스트를 표시 HTML 문서에서 특정 영역이나 구획을 정의(..