- 전체보기
- 객체(3)
- js(2)
- 프로퍼티(2)
- .pop(1)
- .push(1)
- CSS3(1)
- DOM(1)
- DOM 쿼리(1)
- Linting(1)
- advanced objects(1)
- block(1)
- break(1)
- clear(1)
- destructured assignment(1)
- float(1)
- inline(1)
- inline block(1)
- js basic(1)
- lint(1)
- object(1)
- polling(1)
- position(1)
- this(1)
- tip(1)
- variable(1)
- while(1)
- 객체타입(1)
- 구조분해할당(1)
- 데이터 타입(1)
- 동적 타이핑(1)
- 린트(1)
- 메소드(1)
- 반복문(1)
- 배열(1)
- 변수(1)
- 변수 선언(1)
- 삼항조건연산자(1)
- 연산자(1)
- 예제(1)
- 원시타입(1)
- 재할당(1)
- 제어문(1)
- 조건문(1)
- 참조타입(1)
- 폴링(1)
- 프로퍼티접근(1)
[Group Project] Kakao Makers Cloning
결론 많이 실수하고 코드를 많이 쳐보고 리뷰 또한 많이 받을 수록 좋다. 다음 프로젝트 반영 사항 정리 1. 소개 1.1 사용한 기술 1.2 나의 역할 login - 조건 걸어주고 툴팁 이용해서 화면 구성 - 토큰 로컬 저장 sign...
AWS
도메인 주소를 사서 나의 아이피 주소와 연결을 하면 누구라도 볼 수 있다? aws의 일부분을 빌려서 누구라도 접속할 수 있게 하는거다. 어려움 보안 무한반복하는거 막아야하고 신경쓸게많음 외부에서 어떻게할까? (http pop ftp?파일 전송 이런거 잇듬...
react
부모 컴포넌트에 있는 이벤트를 걸어서 자식 컴포넌트에 있는 것을 없애려고 할 때 클릭버튼으로 제어하려면 부모에 이벤트를 해야한다. 그리고 지금 문제가 this.state.isHelpTooltipOn을 못읽어낸다 부모컴포넌트에서 그걸 알려주면 된다.
관계형데이터 미완
메모리 하드디스크 저장할수있는거임 메모리에저장하면 휘발 근데 빠름 ㅎㄷ에 파일로 저장해야 영구적으로 데이터를 관계화시켜서 보존할 수 있는거지. 데이터베이스 시스템은 하드에 데타베스는 2가지다. 데타베스도 물리적으로 떨어져있을 수 있다. ...
리액트 요약
기초 jsx 리액트 컴포넌트 생성 모듈 내보내기 및 불러오기 1. 컴포넌트 초기 코드 작성 rcc + enter키 2. export 모듈 내보내기 export default 내가만든컴포넌트이름 3. import 모듈 불러오기 import 컴포넌트이...
남의 리액트
git clone한다. 2. yarn yarn start 안되면 package.json에서 scripts 확인해서 'dev'인지 어떤지 확인하고 yarn dev 하면되고 끄는거는 ctr c
DOM 기본
DOM document object model 한마디로, html 문서의 구조와 관계를 객체(object)로 표현한 모델 트리구조이다. HTML 문서도, JavaScript 객체도 둘 다 트리 구조이다. document라는 전역 변수에 접근이 가능하다. ! 오...
image sprite
why? 웹페이지에 많은 이미지를 사용한다. 버튼, 화살표,아이콘 등등. 문제는 모든 이미지가 각각 서버에 http요청을 하게 되면 그만큼 많은 로딩 시간이 걸린다. 페이지에 많은 이미지가 있으면 여러 개의 이미지를 하나로 합쳐놓는다. 그리고 그것을 css로 스타일...
HTTP
html 하이퍼링크 텍스트를 마크업 꾸며주는 랭귀지 HTTP hyper text 를 transfer 하는 규약 protocol 정보의 내용과 상관없이 데이터를 전송해야하기 때문에 protocol 규약이 필요하다. 원래는 text===message가 날아가는데 서로...
Array.prototype
.forEach(callback) - immutable - arguments: element의 u길이만큼 반복/u하는 함수 - parameters - 순서대로 (현재 element, 현재 index, 배열 그 자체) - return value: 없음 - element...
for 반복문
for ...in 반복문 for (프로퍼티 in 객체){...} 1. for in 문을 사용하면, 객체에 포함된 모든 프로퍼티에 대해 루프를 수행할 수 있다. 다음 예제는 for in 문을 이용해서 foo 객체의 모든 프로퍼티 이름과 프로퍼티값을 출력한 예제다....
DOM (미완)
DOM Document Object Model 문서 객체 모델 - DOM(돔)이란 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object) 모델이다. JavaScript는 이 model로 웹 페이지에 접근하고, 페이지를 수정할 수 있다. DOM은 HT...
FLEXBOX FROGGY (css 연습)
바로 옆 쪽 보면서 구현할 수 있는 거. 왕기초라 간단히 해볼만하다. justify-content를 한 번 더 사용하여 개구리들이 수련잎으로 이동하는 것을 도와주세요. 이 CSS 속성은 요소들을 가로선 상에서 정렬하며 다음의 값들을 인자로 받는다는 것을 기억하세...
TIL 객체를 사용하는 이유, 변수남발
객체 why? 표를 화면에 구현할 때 자바스크립트 언어로 이 데이터를 구현한다면, 데이터 하나하나를 변수에 저장해 각 자리에 나열해야 한다. 그럼 데이터를 차지하게 되고 또 어떤 변수가 어떤 것인지도 생각해야하기 때문에 낭비다. 이런 유형의 데이터는 Objec...
객체
객체 객체란 ==변수와 함수를 그룹화한 것==을 말한다. - 객체는 데이터와 함수의 집합이다. 객체는 일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메서드라고 부른다. 결국 자바스크립트의 객체는 키(key)과 값(value)으로...
TIL [11.26~11.28]- position, float, 레벨 요소
https://velog.io/@dahyeyudev/position https://velog.io/@dahyeyudev/block-inline-inline-block https://velog.io/@dahyeyudev/float
float
Float 요소 정렬 why? float 프로퍼티는 레이아웃 구성할 때 블록 레벨 요소를 가로 정렬하기 위해 사용한다. 사실 flexbox레이아웃을 사용하면 더 간단히 레이아웃할 수 있다. 하지만 flexbox레이아웃을 지원하지 않는 IE를 고려하면 float 프로...
position
position 프로퍼티 말 그대로 포지션을 정한다. top, bottom, left, right static (정적) - 그대로. 변화x. 부모 요소 내 자식 요소로서 존재할 때는 부모 요소의 위치를 기준으로 배치된다. - 좌표 프로퍼티(top, bottom, ...
block, inline, inline-block
block 레벨 요소 특성 - 부모에 대해 width 100% 화면 크기 전체의 가로폭을 다 차지 - 때문에 항상 새로운 라인에서 시작한다. - width, height, margin, padding 프로퍼티 지정 가능 - block 레벨 요소 내에 inline ...
html 간단히 쓰는 법
!doctype html htmlhead+body 이렇게 쓰면 !doctype html html head/head body /body /html 이렇게 뜬다.