메모리 하드디스크 저장할수있는거임 메모리에저장하면 휘발 근데 빠름 ㅎㄷ에 파일로 저장해야 영구적으로 데이터를 관계화시켜서 보존할 수 있는거지. 데이터베이스 시스템은 하드에 데타베스는 2가지다. 데타베스도 물리적으로 떨어져있을 수 있다. 관계형 데이터 데터를 관계형으로 표시하는거 데타를 모델링 어케찔꺼다 주식이면 유저정보 주식정보 결제...

기초 jsx 리액트 컴포넌트 생성 ​ 모듈 내보내기 및 불러오기 컴포넌트 초기 코드 작성 rcc + enter키 export 모듈 내보내기 export default 내가만든컴포넌트이름 import 모듈 불러오기 import 컴포넌트이름 from './폴더이름' props state 이벤트핸들링 컴포넌트 반...

DOM document object model 한마디로, html 문서의 구조와 관계를 객체(object)로 표현한 모델 트리구조이다. HTML 문서도, JavaScript 객체도 둘 다 트리 구조이다. document라는 전역 변수에 접근이 가능하다. ! 오해하지 말아야 할 것은 DOM이 JavaScript는 아니라는 것이다. DOM 구조접근을 ...

why? 웹페이지에 많은 이미지를 사용한다. 버튼, 화살표,아이콘 등등. 문제는 모든 이미지가 각각 서버에 http요청을 하게 되면 그만큼 많은 로딩 시간이 걸린다. 페이지에 많은 이미지가 있으면 여러 개의 이미지를 하나로 합쳐놓는다. 그리고 그것을 css로 스타일링을 주어서 필요한 부분만 사용한다. 결국 한 장의 이미지를 사용해 작업을 하게 되기 때문...

html 하이퍼링크 텍스트를 마크업 꾸며주는 랭귀지 HTTP hyper text 를 transfer 하는 규약 protocol 정보의 내용과 상관없이 데이터를 전송해야하기 때문에 protocol 규약이 필요하다. 원래는 text===message가 날아가는데 서로 이해할 수 있는 메시지가 날아가는거다. http는 요청과 응답으로 이뤄진다. 요청했는데 응...

for ...in 반복문 for (프로퍼티 in 객체){...} for in 문을 사용하면, 객체에 포함된 모든 프로퍼티에 대해 루프를 수행할 수 있다. 다음 예제는 for in 문을 이용해서 foo 객체의 모든 프로퍼티 이름과 프로퍼티값을 출력한 예제다. 예제에서 확인할 수 있듯이, for in 문이 수행되면서 prop변수에 foo객체의 프로퍼티가...

바로 옆 쪽 보면서 구현할 수 있는 거. 왕기초라 간단히 해볼만하다. justify-content를 한 번 더 사용하여 개구리들이 수련잎으로 이동하는 것을 도와주세요. 이 CSS 속성은 요소들을 가로선 상에서 정렬하며 다음의 값들을 인자로 받는다는 것을 기억하세요: flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을...

객체 why? 표를 화면에 구현할 때 자바스크립트 언어로 이 데이터를 구현한다면, 데이터 하나하나를 변수에 저장해 각 자리에 나열해야 한다. 그럼 데이터를 차지하게 되고 또 어떤 변수가 어떤 것인지도 생각해야하기 때문에 낭비다. 이런 유형의 데이터는 Object로 표현할 수 있다. 객체는 {key: value} 로 되어있다. 키와 값이 목록을 구분할...

객체 객체란 ==변수와 함수를 그룹화한 것==을 말한다. 객체는 데이터와 함수의 집합이다. 객체는 일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메서드라고 부른다. 결국 자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이란 뜻이다. 이와 같이 객체는 데이터를 의미하는...

https://velog.io/@dahyeyudev/position https://velog.io/@dahyeyudev/block-inline-inline-block https://velog.io/@dahyeyudev/float

Float 요소 정렬 why? float 프로퍼티는 레이아웃 구성할 때 블록 레벨 요소를 가로 정렬하기 위해 사용한다. 사실 flexbox레이아웃을 사용하면 더 간단히 레이아웃할 수 있다. 하지만 flexbox레이아웃을 지원하지 않는 IE를 고려하면 float 프로퍼티를 알고 레이아웃 짤 때 사용해야 한다. 원래 float 프로퍼티는 해당 요소를 fl...

position 프로퍼티 말 그대로 포지션을 정한다. top, bottom, left, right static (정적) 그대로. 변화x. 부모 요소 내 자식 요소로서 존재할 때는 부모 요소의 위치를 기준으로 배치된다. 좌표 프로퍼티(top, bottom, left, right)를 같이 사용할 수 없으며 사용할 경우에는 무시된다. relative(상대...

block 레벨 요소 특성 부모에 대해 width 100% 화면 크기 전체의 가로폭을 다 차지 때문에 항상 새로운 라인에서 시작한다. width, height, margin, padding 프로퍼티 지정 가능 block 레벨 요소 내에 inline 레벨 요소를 포함할 수 있다. 종류 div, h1~6, p, ol, ul, li, hr, table,...

html>head+body 이렇게 쓰면 이렇게 뜬다.

폴링(polling)이란 하나의 장치(또는 프로그램)가 충돌 회피 또는 동기화 처리 등을 목적으로 다른 장치(또는 프로그램)의 상태를 주기적으로 검사하여 일정한 조건을 만족할 때 송수신 등의 자료처리를 하는 방식을 말한다. 이 방식은 버스, 멀티포인트 형태와 같이 여러 개의 장치가 동일 회선을 사용하는 상황에서 주로 사용된다. 서버의 제어 장치(또는 프로그...

린트 또는 린터는 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류, 의심스러운 구조체에 표시를 달아놓기 위한 도구들을 가리킨다. 이 용어는 C 언어 소스 코드를 검사하는 유닉스 유틸리티에서 기원한다. 참고 https://www.perforce.com/blog/qac/why-linting-important-and-how-use-lint-tools

ADVANCED OBJECTS The this Keyword Objects are collections of related data and functionality. We store that functionality in methods on our objects: goat 객체에 .makeSound()메소드가 있다. 아래와 같이 goat 객체에 ....

why? 데이터 타입을 알아야 하는 이유 프로그래밍은 변수를 통해 값을 저장하고 참조하여 연산자로 값을 연산, 평가하고 조건문과 반복문에 의한 흐름제어로 데이터 흐름을 제어하고 함수로 재사용이 가능한 구문의 집합을 만들며 객체, 배열 등으로 자료를 구조화하는 것이다. 데이터는 값의 종류에 따라 메모리 크기가 다르다. 데이터 종류를 데이터 타입이라한다....

제어문에는 조건문, 반복문이 있다. 블록문 블록문은 혼자 쓸 수도 있지만 제어문이나 함수 선언문에서 사용한다. 문(statement)의 끝에는 ;을 붙이는 것이 일반적이지만 블록문에는 세미콜론을 붙이지 않는다. 조건문 js는 2가지 조건문 if..else 문과 switch문을 제공한다. if..else문 if..else는 삼항 조건 연산자로 쓸 ...

Array 배열 설명 배열은 특별한 종류의 변수이다.이 변수는 하나의 값이 아니라 값의 목록을 저장한다.다시 말하면 배열은 하나 혹은 그 이상의 연관된 정보를 저장할 수 있는 특별한 형태의 변수이다. 배열에 값을 대입할 때는 `[ ]대괄호square bracket 안에 ,`로 구분하여 값을 나열하면 된다. 배열은 목록의 값의 수가 미지수일때 유용하다. ...