Pagination Session

Pagination? 목록형 UI에서 필요한 만큼의 데이터만 요청하고 응답받는 것 : 페이지를 넘기는 형식 뿐 아니라 스크롤 위치에 따라 추가로 새로운 데이터를 가져오는 것도 포함 Pagination 구현하기 위해서는 Limit & Offset Parameter 사용 limit (page size) : 한 페이지에 보여줄 데이터 수 offset : 데이터가...

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

라로슈포제 Web Cloning Project

프로젝트 소개ㅤ !youtube[AFIHSr-2HCU] 개발 인원 및 기간 개발 기간 : 2020.07.20 - 2020.07.31 개발 인원 : FrontEnd : [ 이지윤, 박민규, 최태희 ] & BackEnd : [ 안솔, 한승엽 ]

2일 전
·
0개의 댓글

Http Session: Front-BackEnd 연결하기

프로젝트에 사용하기 위해 전에 들었던 세션 정리! 회원가입? POST 로그인? POST + token(내가 로그인 되어있음을 확인하고 유지) 입력할 때마다 onChange에서 호출하는 함수 X onClick evnet에서 POST 요청 검색? onChange → POST POST method에 추가되는 정보 : headers / method / meta...

2020년 7월 26일
·
0개의 댓글

larocheposay clone project 2.Categories.js

larocheposay clone project : ProductList 어제&오늘 만든 ProductList Component를 크게 Category ( 상단 바 ) & MainContents ( 좌측 메뉴 / 아이템 목록 ) 으로 나눴다. >### Categories.js 시간 상 이 부분을 제대로 구현을 하게 될지는 모르겠지만 클릭하면 내부 ...

2020년 7월 26일
·
0개의 댓글

larocheposay clone project 1.slick

larocheposay clone project : slick 사용하기 라로슈포제 메인페이지에는 최상단 이미지 슬라이드, 제품 슬라이드 4개, 리뷰 슬라이드까지 슬라이드가 무려 6개나 사용되었다. 사실 이렇게 남의 코드 가져다 사용하는 건 배운 적도 없고 난생 처음 맨땅에 헤딩이라 시작할 때 너무 어려웠지만 slick을 여섯 번이나 (정말 진짜 진심으...

2020년 7월 25일
·
0개의 댓글

[REACT] API & Components

Monsters 과제 아직도 이해가 잘 안 되니 코드를 보며 블로깅 해봅니다!!! Monsters.js CardList.js Card.js SearchBox.js \+ componentWillUnmount ? unMount되기 직전에 실행됩니다. 예를 들어 3초에 한번씩 넘어가는 setInterval 설정을 clear 해주거나, DidMount에서...

2020년 7월 19일
·
0개의 댓글

Westagram 프로젝트 후기

Html Css, JavaScript로 만들었던 Westagram을 React로 구현했다! 솔직히 React 배우면서 getElementById가 그리웠으나 ( 사실 지금도 가끔 ) Westagram Refactoring을 끝내고 나니 왜 React, React 하는지 50% 정도 이해하게 되었다! 아마도!? 아마도...🧐 처음 React 배우며 느낀 ...

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

[westagram] 코드간소화 1 : destructuring & spread operator

Click event 발생 시 호출되는 handleClickSubmit() >초기 함수는 아래와 같았는데요 >destructuring과 spread operator를 사용해보라는 리뷰! 둘 다 생소한 이름인데 앞으로도 굉장히 유용하게 쓸 것 같아요 >1. 먼저 기존

2020년 7월 14일
·
0개의 댓글

인증(Authentication) & 인가(Authorization)

인증 Authentication * 회원가입과 로그인 * 목적 : 사용자 추적이 가능하도록 (누가 쓰는지, 어떻게 사용하는지 등) 매개체는 id, e-mail, password 등 비밀번호 관리? 법규상의 강제 > 개인정보보호법 DB 저장 시 암호화 + 개인정보를 주고받을 때 SSL 적용하여 암호화 (HTTPS) 암호화? 단방향 Hash ( Hash...

2020년 7월 14일
·
0개의 댓글

[REACT] Router & Sass

Route ? React Route는 가장 많이 사용되는 React Third-Party-Library 중 하나입니다. 주소에 따라 다른 UI를 보여주는 것 >### npm install react-router-dom --save npm node package manager를 통해 react-router-dom route-dom을 install 설치하고 -...

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

Code Kata (JavaScript) 3

Day3 주어진 인자 내 중복되지 않은 알파벳으로 이루어진 가장 긴 단어의 길이를 구하세요. > for문 내 if문의 condition은 중복값이 발생할 때까지 false이므로, i = 2 일 때 for문의 최종 newStr = "Jav" 입니다. i = 3 일 때 newStr = "Jav" & str[3] = a이므로 if문의 conditionnewSt...

2020년 7월 8일
·
0개의 댓글

Code Kata (JavaScript) 1 - 2

Day1 더해서 특정 수가 나오는 함수 twoSum을 작성하세요. > Day2 주어진 수를 뒤집어서 반환하세요. >처음 코드는 아래처럼 짰는데, 중복이 너무 많았습니다. 음/양수에 따라 결과값 result에 -를 붙이는 것 외에는 완벽한 중복 코드였음. > 그래서 중복되는 부분을 function으로 분리한 뒤, if문에서는 function만 호...

2020년 7월 8일
·
0개의 댓글

[REACT] 1st Session

Parent component - Child component Component는 Parent → Child 단방향 데이터입니다. Child Component = Parent Component의 render() method 내 JSX 안에 있는 Component >### Component Methods constructor() : 초기state 설정 re...

2020년 7월 7일
·
0개의 댓글

ARRAY.method

유용한 Array.method >Array.pop( ) : 마지막 요소를 삭제 Array.push( ) : 마지막에 요소 추가 Array.shift( ) : 첫번째 요소를 삭제 Array.unshift( ) : 첫번째에 요소 추가 Array.splice( ) : 요소를 삭제하고 추가 Array.slice( ) : 요소를 잘라내기 Array.co...

2020년 7월 6일
·
0개의 댓글
post-thumbnail

Data Structure : Array & Tuple

자료구조란? : 상황에 맞게 자료를 담을 수 있는 구조 ARRAY 순차적으로(ordered) 데이터(요소, element)를 저장하는 자료구조 순서대로 저장 → indexing 하여 분리 가능 수정 가능 동일한 값 삽입 가능 중첩된 Array 사용가능 (Array는 다른 array의 element가 될 수 있음) : Multiple-dimensional...

2020년 7월 6일
·
0개의 댓글

[REACT] props & states

Component Rendering 절차 자세히 보기 Component 추출하기 Component를 분리하는 작업입니다. ( 지난번 글에서 App에서 Subject & Nav & Article Component를 분리했지만 모두 개별 Component였습니다. 이번에는 중첩된 Components를 추출해봅니다! ) >1. 먼저 Avatar Compone...

2020년 7월 5일
·
0개의 댓글

[REACT] components

What is REACT? "UI를 만들기 위한 자바스크립트 라이브러리" Open-source JavaScript library that is used for building user interfaces --- In React, instead of using regular JavaScript for templating, it uses JSX. JSX is ...

2020년 7월 5일
·
0개의 댓글

We-stagram : LOGIN

JAVASCRIPT : addEventListner login.html Q. 아이디와 비밀번호를 입력해야 버튼이 활성화되면서 색이 바뀌게 만들고 싶어요! > ✅ HINT ✅ addEventListner ("keyup") & callback 함수 사용하기 ❗️keyup 함수와 keydown 함수? keypress?❗️ keyup은 손을 뗐을 때, keyd...

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

PYTHON : function arguments

Repl.it Question 02. 오류 수정하기 ❓❓❓ 오류 내용 ❓❓❓ function의 'age' parameter에 필요한 argument가 할당되지 않았다는 뜻입니다. 문제는 다른 parameter인 *args 에 있습니다! 여러 개의 arguments를 받아 tuple 형태로 변환하기 때문에, 호출할 때 받은 인자 중 name을 제외한 모...

2020년 6월 27일
·
0개의 댓글