profile
front-end developer. key= "consistency"
post-thumbnail

using infinite scroll library

Install npm install --save react-infinite-scroll-component or yarn add react-infinite-scroll-component // in code ES6 import InfiniteScroll from

2021년 7월 28일
·
0개의 댓글

weekend studies : fetch vs axios

Basic syntaxBefore we delve into more advanced features of Axios, let’s compare its basic syntax to fetch(). Here’s how you can use Axios to send a PO

2021년 5월 1일
·
0개의 댓글

REACT 기초 : hooks

이거를 심플하게 한줄로 const \[ number, setNumber ] = useState( 0 ); 이렇게 쓸수있다근데 여기서 setNumber는 클래스 컴포넌트에서 setState를 하는것과 동일한데setNumber 안에서 number라는 것을 바로쓰면 안된다.

2021년 4월 29일
·
0개의 댓글

REACT 기초 : 부모와 자식 컴포넌트

부모 컴포넌트의 render (){ return ( 렌더될 jsx코드가 있는 위치 )} 에 자식 컴포넌트 `가 있다. ` 의 Props이름 titleColor로 this.state.color 값을 전달하고 있다. Parent 컴포넌트에서 state로 명시해둔 값을 자

2021년 4월 29일
·
0개의 댓글

REACT 기초 : propTypes

npm install prop-typesprop-types 패키지를 설치한다Basic.propTypes = { name: PropTypes.string.isRequired, birth: PropTypes.number.isRequired, lang: PropType

2021년 4월 28일
·
0개의 댓글

REACT 기초 : state 란

클래스형 컴포넌트가 지니고 있는 state함수형 컴포넌트에서 useState라는 함수를 통해 사용하는 statestate는 자바스크립트 객체인데 컴포넌트의 렌더링 결과물에 영향을 주는 정보를 저장한 객체로서 동적인 데이터를 다룰 때 사용한다. state는 컴포넌트 안에

2021년 4월 26일
·
0개의 댓글

로그인/회원가입 백엔드와 연결하기

로그인 절차 1.회원가입을 하여 유저 아이디와 비번을 유저가 input에 입력 유저의 비번을 암호화 해서 DB에 저장. 유저가 입력한 비밀번호 암호화 한후 암호화되서 DB에 저정된 유저 비밀번호와 비교. 일치하면 로그인 성공 로그인 성공하면 access token을

2021년 4월 17일
·
0개의 댓글
post-thumbnail

weekend studies : 배열 2/2

배열을 다루는 메서드s 메서드는 수정하는 메서드와 접근하는 메서드 그리고 반복하는 수많은 빌트인 메서드가 존재하고, 직접 원본배열을 변경하는 메서드 방법과 원본의 변경없이 새로운 배열이 생성되서 return되는 메서드 방법이 존재한다. ** 수정되는 메서드 중 가장

2021년 4월 17일
·
0개의 댓글
post-thumbnail

weekend studies : 배열1/2

ㅇㄷㄹㅇ

2021년 4월 17일
·
0개의 댓글
post-thumbnail

weekend studies : 함수

함수의 형식은 다음과 같다함수는 정의 하는 것으로만 실행되지 않고 호출을 해야 실행이된다 정의는 이렇게 하고 =>호출은 이렇게 한다 =>함수의 실행 흐름은 이러하다 =>함수의 인수가 여러개일 때 인수의 순서를 착각하기 쉽고 함수 수정이 필요해지므로 객체의 프로퍼티에 인

2021년 3월 21일
·
0개의 댓글
post-thumbnail

weekend studies : JS의 기본

JS를 직접 코드를 써보기 보다 변수가 무엇인지 개념정리만 읽고 19기에서 첫주를 보냈다. 첫주에 주어진 문제를 풀며 코드를 읽을 줄만 알고 쓰는 능력을 기르지 못했다는 것을 깨달았다. 매우 basic한 것들도 책이 아닌 컴퓨터로 써보고 정리할 것이다.👌선언을 하면

2021년 3월 20일
·
0개의 댓글

내가 몰랐던 HTML/CSS part 5. position:fixed 와 :sticky의 차이

의미가 비슷해보여 헷갈릴수있지만 sticky와 fixed가 동작하는 차이는 뚜렷하다.fixed는 viewport에 고정 되어 있는 것이고 스크롤을 내려도 원하는 위치에 고정되어있다. 그에 반해 sticky는 스크롤을 따라 움직이다 내가 정한 offset에 닿으면 그 순

2021년 3월 17일
·
0개의 댓글

내가 몰랐던 HTML/CSS part 4. block/inline/inline-block elements

특징: 1.width/height 적용불가2.margin/padding-top/bottom 적용불가3.line-height를 원하는대로 사용할 수 없다왜냐하면 text 크기만큼만 공간을 점유하고 (텍스트 만큼의 넓이와 높이)연달아서 inline요소를 여러 개 붙인다면

2021년 3월 17일
·
0개의 댓글

내가 몰랐던 HTML/CSS part 3. BFC

BFC stands for Block Formatting Context블럭 포맷팅 컨텍스트는 float를 하면서 생기는 공간(블럭)을 의미하고 있다. float만 BFC를 만드는 것이 아니고 Floats 외에 아래와 같은 수많은 경우에 BFC를 형성한다.float한 이

2021년 3월 17일
·
0개의 댓글

내가 몰랐던 HTML/CSS part 2.

css에서 새로 배운 것이나 헷갈렸던 부분을 깜박하지 않게cheat sheet처럼 두기위해 올림😛flex-flow: (flex-direction) (wrap or no-wrap);flex property ->/ One value, unitless number: fle

2021년 3월 17일
·
0개의 댓글

내가 몰랐던 HTML/CSS part 1. 이미지 표현 두가지방법

1)img태그를 사용하는 방법과 2) div를 만든다음 css를 이용하여 background-image를 통해 이미지를 표현하는 두가지 방법이 있다.그럼 언제 img태그를 쓰고 background-image 속성을 쓰는게 적절한것일까?다음은 해외 개발자 블로그에서 참고

2021년 3월 17일
·
0개의 댓글

basic understanding on web

웹이라는 것은 인터넷이라는 큰 포괄적인 곳에 속해있는 서비스 중 하나이다.1960년에 핵전쟁 이후 핵의 영향을 받지 않는 통신시스템이 필요했고 그때 인터넷이 등장하며 연구소, 대학, 군대와 같은 거대한 기관에서 사용하는 통신시스템으로 자리잡는다.그후 30년이 지나고 1

2021년 3월 17일
·
0개의 댓글

SEO를 고려한 시멘틱 태그

우리가 검색을 했을 때 컴퓨터는 어떠한 원리로 검색에 관련된 정보를 내놓는것일까?정보를 접했을 때 눈으로 내용을 훑고나서 내용 분류를 할수있는 인간과 달리 검색 엔진의 크롤링은 HTML 코드 만으로 그 의미를 인지하고 정보를 수집해야한다. 어떤 태그가 어떤 기능을 하는

2021년 3월 17일
·
0개의 댓글