post-thumbnail

TIL_[React] Life cycle API

component가 dom 위에 생서되기 전 후 및 데이터가 변경되어 상태를 업데이트 하기 전 후로 실해되는 메소들 이다. constructor -> componentWillMount -> render -> componentDidMount컴포넌트가 처음 만들어 질 때

4일 전
·
0개의 댓글

TIL_[React] Component

재활용 가능한 UI 구성 단위함수형 componenetclass형 component 클래스형 컴포넌트에서는 render 함수가 꼭 있어야 한다!가독성을 가지게 된다. 재사용성이 높아진다. 유지보수가 훨씬 편리해진다. \*\* component의 이름은 항상 대문자로

4일 전
·
0개의 댓글
post-thumbnail

TIL_[css] position : sticky, z-index

1차 프로젝트를 진행 중에 내가 맡은 부분인 navbar 구현을 하면서, 팀원분의 피드백으로 알게된 z-index 와 조금 더 공부했으면 했던 stiky에 대해서 알아보려고 한다.position : stickyrelative 처럼 동작하면서 relative 요소가 없는

4일 전
·
0개의 댓글

TIL_[React] Named Export / Export default

인스타그램 클론 프로젝트에서 react 사용 Refactoring 을 진행 하다가 named export와 export deafault의 차이에 대해서 찾아 보게 되었다. Export > export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼

2020년 10월 18일
·
0개의 댓글

TIL_[React] React / JSX

JavaScript의 라이브러리빠르다.리액트로 만든 앱은 복잡한 업데이트를 처리 할 수 있다.모듈 (modular)재사용가능한 파일을 많이 작성할 수 있다. 재사용이 가능하기 때문에 유지 보수를 하는데에 용이하다.확장성 (scalable)많은 변화가 이루어지는 데이터를

2020년 10월 18일
·
0개의 댓글

TIL_[JavaScript] Spread 연산자

전개 구문이라고도 불린다.... 의 syntax를 표현법이다.spread 연산자를 사용하면 배열이나 문자열처럼 반복 가능한 문자를 key-value의 쌍으로 Object로 확장 가능하다.변수 앞에 ... 을 찍어서 선언한다.

2020년 10월 18일
·
0개의 댓글

CodeKata -day4

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.num: 숫자return: true or false (뒤집은 모양이 num와 똑같은지 여부)예를 들어,string 이 121 로 제대로 변환 되었는지 console.log(string

2020년 10월 12일
·
0개의 댓글

TIL_Git Commands

git의 주요 명령어는 모두 "git" 이란 단어로 시작된다.git init : 깃 저장소를 초기화. 새 저장소를 만들고 git 으로 프로젝트 관리를 시작할 때 쓰이는 명령어git status : Repository 의 현재 상태를 파악 할 때 , 변경 사항을 확인 할

2020년 10월 11일
·
0개의 댓글

TIL_ Git / GitHub

Git 이란? > git 은 소스코드를 관리하기 위한 소프트웨어 이다. 소스코드 들을 분산형으로 관리하는 분산 버전 관리 시스템(VCS - Version Control System)이라고 할 수 있다. 쉽게 말해 변경 사항을 추적하는 시스템. 버전 관리는 무엇일

2020년 10월 11일
·
0개의 댓글
post-thumbnail

Learn_ CSS

CSS (Cascading Style Sheets) 는 HTML 문서에 있는 요소들에 색상,글꼴 유형, 글꼴 크기, 이미지, 요소의 위치 등등의스타일을 적용할 수 있는 style sheet 언어 HTML만으로 웹 페이지를 제작 할 경우 HTML요소의 세부 스타일을

2020년 10월 2일
·
0개의 댓글
post-thumbnail

Learn_HTML _tag

제목(heading)을 표현할 수 있는 태그<h1> ~<h6> 다양한 크기로 제목을 표현 할 수 있다. 숫자가 클 수록 제목의 크기가 작아진다.문단, 단락(paragraph)을 만들 때 사용하는 태그텍스트, 또는 문서의 일부분을 표시하는데 사용하는 태그주로

2020년 10월 1일
·
0개의 댓글
post-thumbnail

Learn _HTML

HTML > HyperText Markup Language 웹페이지를 만들기 위한 언어 웹페이지의 구조를 잡을 수 있다.

2020년 9월 28일
·
0개의 댓글

TIL_ CSS layout

Layout의 핵심은 블록 레벨 요소들을 원하는 위치에 배열하는 것이다.요소가 화면 어디에 위치 할 것 인지 결정 하는 속성top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정 한다.position 속성은 아래의 values 값을 선택해

2020년 9월 16일
·
0개의 댓글

TIL_Semantic Web, Semantic Tags

의미론적 웹 문서의 의미에 맞게 구성된 웹웹에 존재하는 수많은 웹페이지들에 메타데이터를 부여하여, 기존의 잡다한 데이터 집합이였던 웹페이지를 '의미'와 '관련성'을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다. 시맨틱 태그란 브라우저, 검색엔진, 개발자 모두

2020년 9월 16일
·
0개의 댓글