git 세션
git clone // 내 로컬 master git branch feature/login //브랜치 생성 git checkout feature/login //브랜치로 이동 & 작업 git add . //(임시저장) git commit //(commit 메세지에 작
Instagram Code Review
이번 주에는 state와 props, router 를 이용하여 리액트에서 페이지를 이동하는 방법을 배우고,fetch를 이용하여 직접 api 와 통신하는 실습을 하였다.그리고 협업을 할 때 초기세팅을 하고, 클론하고 git 을 사용하는 방법까지 다시 한번 실습할 수 있었
인증 & 인가
인증 인증은 무엇이고 왜 할까요? 인증 : 회원가입 & 로그인 인증이 필요한 이유? 인증에서 필요한 것? -아이디, 이메일주소, 비밀번호 등. 비밀번호가 가장 중요 비밀번호를 어떻게 관리해야 하는가? : 법규상의 강제. 개인정보보호법에서 개인정보의 암호화에 대해
[[Data Structure] Set & HashMap]
Set array 나 list 와 같은 순열 자료구조(collection)이나 순서라는 개념이 없다는 점에서 구별된다. 데이터를 비순차적(unordered)으로 저장 삽입 순서대로 저장되지 않는다. 수정이 가능하다(mutablew) Fast Lookup 이 필요할 때
React 기초
html,css,js,dom 을 거쳐 리액트를 공부하게 되었다.DOM 의 연장선으로서 DOM 의 method 들을 함수화 / 간편하지는 않음. 획기적이긴 했으나 한계가 있었음웹페이지의 방대한 자료를 쉽게 관리하고 유지보수하기위해 필요해짐\-> 이를 해결하기 위해 프론
HTTP의 기초
HTTP HTTP(HyperText Transfer Protocol)란? HTML 과 같은 하이퍼미디어 문서를 전송하기 위한 통신 규약. (예를 들어 http는 대화를 하기 위해 필요한 공통의 '한국어'와 같은 언어라고 생각할 수 있고 이 언어는 목소리와 같은 역할인
Git test
아직도 헷갈리는 부분이 있으나 일단 정리를 위해서 작성했다. 틀린부분이 있을 수 있음 Git Test "올린다, 이동한다, 생성한다, 만든다.. 등등" 문맥을 잘 파악하시고 git 시험을 진행해주세요. github에서 "git-test" 라는 repository를
[[Data Structure] Array & Tuple]
array, tuple Data Structure (자료구조) 자료구조의 의의 사전적인 의미는 자료(data)의 집합으로 각 원소(element)들이 논리적으로 정의된 규칙에 의해 나열되어 자료에 대한 처리를 효율적으로 할 수 있도록 자료를 구분하여 표현한 것을 의
데이터베이스의 기초
데이터베이스란? 데이터를 저장 및 보존하는 시스템으로 데이터 보존의 측면에서 휘발성인 메모리와는 차이가 있다. 메모리에 저장된 데이터는 컴퓨터나 해당 application 이 종료하면 사라지지만 속도가 빠르다는 장점이 있다. 따라서 저장은 데이터베이스에서, 읽기는 메
CSS 선택자와 Grid System
tag 선택자한번에 여러 클래스를 가질 수 있고 이 경우 띄어서 표기자식선택자parent > child자손선택자parent descendants형제선택자parent + siblingparent ~ siblingli:first-child{} 리스트의 첫번째 요소에만 적용
CSS : Responsive Web을 위한 속성들
반응형 웹을 만들기 위해 필요한 두가지 요건스크린의 width가 768px; 을 넘을 때 변경할 요소를 적어주면 된다.vh : viewport height 라는 의미height: vh100; 와 같이 작성한다.반응형 웹을 만들때는 작은 화면부터 작업하는 것이 좋다.텍스
CSS / box-model, float, flex
Box Model border-radius 속성 50%를 주면 모서리가 다 깎여서 원이 된다. border-radius-left 등으로 적용도 가능 Box-type : display Block : 길을 막는 성질 남는 공간에 아래의 요소가 들어갈 수 있을 것 같
구조적인 웹 문서 설계하기 : 트위터 마크업 Challenge
구조적인 웹 문서 설계 올바른 Sectioning Elements 사용방법 종류 : section, article, nav, aside 사용방법 : 주제, 제목 언급이 필요함 따라서 반드시 내부에 heading tag 를 사용해야 한다. 트위터 마크업 Challa
HTML 의 tag들
<!DOCTYPE html> HTML DOCUMENT 중에서 어떤 VERSION 을 쓸 것인지 선언해 주는것.<html> 루트 태그 안에는 <head>, <body>태그만 들어갈 수 있다.<title> 문서의 대제목 역할 / 검색 최적화에 중
Web은 어떻게 동작하는가?
사용자 -> 브라우저 -url/요청-> Wecode 서버서버에서는 응답하여 그 content를 브라우저를 통해 내보낸다.인터넷에 띄운다는 것은 홈페이지의 구성파일들이(html, css, js)인터넷에 "항상" 연결되고, "절대" 꺼지지 않는 호스트컴퓨터(웹서버)에 저장
JavaScript : String (3) TIL
날짜와 시간을 저장하고 보여줄 때 날짜 객체를 사용한다.GMT란 Greenwich Mean Time의 줄임말이며 컴퓨터 언어에서는 GMT기준으로 시간을 알려준다.위의 사진은 GMT기준으로 6시간 빠르다는 것이고,한국은 GMT+0900 (한국 표준시) 로 표기된다.원하는
JavaScript : String (2) TIL
자바스크립트 함수들 참고다른 언어와 달리 Javascript 의 언어는 데이터 타입을 신경쓰지 않아 편하기도 하지만 반면 오류가 잘 나기도 한다.여기서 NaN은 Not a Number 라는 뜻으로 계산이 안되는 경우를 말하는데 연산기호가 있어 계산을 하려고 했으나 계
JavaScript (1) TIL
한 파일에서 같은 변수 이름을 중복해서 사용할 수 없습니다.대소문자 구문 - 변수이름, 함수이름, 연산자 모두 대소문자를 구분합니다. 따라서 myName과 MyName은 다른 변수입니다.변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 밑줄(\_), 달러기호($)중
Git & Github
Git은 VCS (Version Control System) 입니다. 여기서 version은 소스코드(sourcecode) 파일의 version을 뜻하니다. 즉 소스코드(soruce code)의 변경사항 내역을 관리하는 시스템 입니다. 참고로 소스코드란 코드 파일들을