profile
Jotang's velog

database

Database Database란 데이터를 저장하는 단순 시스템을 의미한다. 기본적으로 우리는 하드 또는 클라우드에 저장한다. 데이터를 변수에 저장하면 보존 할수없다(프로그램을 끄면 불러올수없다.) 컴퓨터에서는 저장수단은 메모리랑 하드디스크 딱 두가지 뿐이다. 메모리는 빠르다. 하지만 단점은 보존이 되지 않는다(휘발성). data를 영구적 저장하고 싶다면...

2019년 12월 18일
·
0개의 댓글

191217_TIL_React Westagram

1. Problems & Solution 1. problems for문을 이용하여 comment 입력하였기에 삭제기능이 구현하기 힘들어졌다. 특정 버튼을 눌렀을 때 index 또는 id, key의 value를 알아 내기 힘들었다. findIndexOf() 등 많은 method를 이용해보았지만 효과가 없었다. Deep Copy, Shallow Copy 의 ...

2019년 12월 16일
·
0개의 댓글

191217_TIL_Authentication&Authorization

1. Authentication(인증) 1.1 Authentication이란? 인증이란 유저의 identification을 확인하는 절차이다. 회원가입, 로그인 등 유저의 아이디와 비밀번호를 확인하는 절차이다. open API에도 인증절차가 필요한데, 누가 언제 어떻게 쓰는지 알아야 하기 때문이다. 1.2 어떠한 방식으로 인증할 것인가? HTTP의 속성 ...

2019년 12월 16일
·
0개의 댓글

191215_TIL_JSX와 Component

1. JSX 1.1 JSX의 기본 규칙 JSX element HTML 문법을 JS코드 내부에 써주는 그것이 바로 JSX이다. JS파일 어디에서나 사용할 수 있다. 변수에 저장할 수 있고, 함수의 인자로 넘길 수 있다. JSX attribute attribute를 주고 싶을 때는 ""을 사용해야한다. HTML의 attribute name 과 다...

2019년 12월 15일
·
0개의 댓글

121211_TIL_GIT

Git Git이란 소스(code)의 version관리이다. 자동으로, 또 체계적으로 관리를 할 수 있게 한다.(코드의 내역관리) version을 관리 하는 이유는 과거의 수정내용이나 추가된 내용을 알기 쉽게 하려는 이유와, 문제가 발생했을 시에 돌아갈 수 있게 하고, 유지 보수에 좋기 때문이다. version 관리 시스템의 종류는 많이 있지만, git을 대...

2019년 12월 11일
·
0개의 댓글

121210_TIL_HTTP

HTTP HTTP(hyperText Transfer Protocol) 팀 버너리스가 만든 3가지 WWW(World Wide Web), URL, HTTP HTML 문서를 교환하기 위해 만들어진 Protocol(통신규약) HTML을 교환할 때 어떻게 전송할 건지에 대한 약속, 규약이라고 할 수 있다. HTTP가 필요한 이유는 각 나라마다 다른 언어이기 때...

2019년 12월 11일
·
0개의 댓글

191209_TIL_React(Component의 사용)

Component의 사용 Component는 function / class 의 이름으로 사용가능하다. `` 원하는 attribute를 얼마든지 추가할 수 있다. Component에서 parameter로 해당 attribute를 받아서 사용할 수 있다. props 라고 한다. (properties 의 줄임말) .(dot)으로 접근하고 props.속성명 으...

2019년 12월 9일
·
0개의 댓글

191207_TIL_(Enemy-rain Game)

1. setInterval() / clearInterval() setInterval() : 일정한 시간 간격으로 작업을 수행하기 위해서 사용하게 된다. setInterval 함수를 중지하긱 위해서 clearInterval 함수를 사용할 수 있다. 주의할 점은 일정한 시간 간격으로 실행되는 작업이 그 시간 간격보다 오래걸릴 경우에 문제가 발생할 수 있다. s...

2019년 12월 7일
·
0개의 댓글

191206_TIL_(Enemy-rain Game)

1 . Problems & Solution 1. problems ghost의 top value를 알고 싶지만 정보를 알 수 없었다. ghost의 current top value에 px을 더해야하는데 current top value를 찾지 못했다. 2. solution JavaScript가 css style속성을 가져올 때 값을 가지고 못하는 경우가 있...

2019년 12월 7일
·
0개의 댓글

191205_TIL_(Enemy-rain Game)

1. Problems & Solution 1. problems hero의 left value 의 type이 string. number로 변화하여 계산. image sprite 2. solution parsInt를 사용하여 string에서 number로 변화하여 사용하였다 background-position 속성을 이용하였다. 아래에서 자세히 알아보겠다...

2019년 12월 7일
·
0개의 댓글

191204_TIL_(Git/instargram clone 댓글 삭제)

1. Git 1. git clone 말 그대로 원격 저장소를 복제 한다는 뜻 $ git clone : git의 소스코드를 지역저장소로 가져오는 것 ** : 원격 저장소의 URL ** : 복제대상의 폴더명 따라서 특정 repository를 각자 자신의 local machine에 복사하여 새로운 저장소를 만드는 것이다. git clone -b ...

2019년 12월 4일
·
0개의 댓글

191203_TIL_(JavaScript-object/array)

1. Object object 역시 array 처럼 순회가 가능하다. 단지 array와 다르게 명확하게 정해진 순서가 없기 때문에 어떤 순서에 따라 object의 key에 접근하게 될 지는 알 수 없다. ('순서가 보장되지 않은 순회') 1.1 Object.keys() 개체의 고유 속성의 이름을 array로 반환한다. Object.values() /...

2019년 12월 3일
·
0개의 댓글

191202_TIL_(instargram - JavaScript)

1. login page - event 1.1 login page event GOAL ID, PW에 각 한 글자 이상 시 버튼 활성화.(연한파랑 -> 파랑) 1.2 problems event의 종류 addEventListener 문법 .value의 의미 1.3 solution 공부하고 오겠음 공부하고 오겠음 idInput.value / pwIn...

2019년 12월 2일
·
0개의 댓글

191201_TIL_(instargram Main page - clone)

1.instargram Login page - clone - Problems height 설정에 관한 문제 px, %, vh font(단위/글씨체) px, em, rem - solution CSS의 길이 단위 font-relative length(상대 길이) 크기가 고정되지 않고 기준에 따라서 유동적으로 바뀔 수 있는 길이 반응형 웹이 ...

2019년 12월 1일
·
0개의 댓글

191130_TIL_(instargram Login page - clone)

1. instargram Login page - clone 1.1 HTML / Css Selector 1. layout flex를 이용하여 layout 구성 2. Css Selector 1.2 flex 1. flex 속성 justify-content flex-start : 왼쪽 / flex-end : 오른쪽 center : 가운데 / space-be...

2019년 11월 30일
·
0개의 댓글

191129_TIL_JS(Array methods, DOM/event기초)

1.Array methods 1.1 forEach() for 를 대신하여 사용하는 반복 method. forEach 함수에서 나오고 싶을 때 return 을 사용 forEach 함수의 parameter로는 각 원소에 대하여 처리하고 싶은 코드를 함수로 함수형태의 parameter를 전달하는 것을 callback 함수라고 한다. 1.2 map() 배열을 반...

2019년 11월 30일
·
0개의 댓글

191128_TIL_02(JS기초_class, ES6(arrow function)

1. class 1.1 객체 생성자 붕어빵의 틀을 갖는 것과 비슷 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값 혹은 함수들을 구현 할 수 있게 해준다. 함수의 이름을 대문자로 시작 새로운 객체를 만들 때에는 new 를 앞에 붙여주어야한다. 1.2 class object 구조의 객체 틀을 만들고, 비슷한 모양의 객체를 공장처럼 찍을 수 있다...

2019년 11월 29일
·
0개의 댓글

191128_TIL_01(JS기초_object, scope)

1. object 1.1 object(객체) 변수 or 상수 하나의 이름에 여러 종류의 값을 넣을 수 있다. string, number, 함수, 또 다른 객체 등 어떤 종류의 값도 객체안에 넣을 수 있다. 객체는 key와 value로 구성 property 이름은 중복될 수 없다. property를 추가할 때는 ,(쉼표) key는 기본적으로 공백이 없어야한...

2019년 11월 29일
·
0개의 댓글

191127_TIL_JS기초(for,datetype,new Date)

1. for문(반복문) 1.1 반복문(for) 특정 작업을 반복적으로 할 때 사용 코드를 원하는 만큼 반복 조건 설정 i++로 1씩 증감하는 형태, i--로 1씩 빼는 형태도 가능 1.2 배열과 for 배열 안의 요소를 하나씩 나열 가능 2. datetype(데이터타입) 2.1 typeof typeof 연사자를 통해 변수의 데이터타입을 알 수 있음....

2019년 11월 28일
·
0개의 댓글

191125_TIL_CSS(레이아웃의 모든 것)

1.position 속성 - relative, absolute, fixed 1.0 position 레이아웃을 배치하거나, 객체의 위치를 설정 1.1 static position 속성의 default 값. 잘 사용하지 않음 1.2 relative 기본적으로 표시된 위치를 기준으로 새로운 위치를 지정할 수 있다. top, bottom, left, right...

2019년 11월 26일
·
0개의 댓글