post-thumbnail

재귀함수

재귀함수는 내가 나를 호출하는 함수!그리고 반복문과 서로 호환이 된다.그래서 반복문으로 표현할 수 있는 것들은 재귀함수로 표현할 수 있고,재귀함수로 표현할 수 있는 것들은 반복문으로 표현할 수 있다. ..재귀함수 반복문 예시 이걸이런식으로 수학공식을 쓰면 좀더 효율적이

2020년 9월 15일
·
0개의 댓글
post-thumbnail

9.12일 오류 해결

이전에 기업협업때 했던 프로젝트 다시 리뷰하려고 VS코드 켜서 실행해 봤는데자꾸 실행이 안된다.. ㅜㅜ 이런식의 에러가 나서 문제는 webpack-dev-server에 있는 것 같아 webpack-dev-server 파일을 삭제하고 재설치를 했다재설치 후 다시 npm

2020년 9월 12일
·
0개의 댓글
post-thumbnail

CSR SSR에 대하여

SSR은 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식이다.SSR을 사용하면 모든 데이터가 매핑된 서비스 페이지를 클라이언트(브라우저)에게 바로 보여줄 수 있다. 서버를 이용해서 페이지를 구성하기 때문에 클라이언트에서 구성하는 CS

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

객체지향 프로그래밍 this

프로그래밍에서 자기 자신을 가리키는 표현이 있다. 그것이 바로 this!this는 가지고 있는 메소드가 속해있는 객체를 가리키도록 만든 예약어라 할 수 있다.this는 객체 명의 변경에 관계없이 항상 메소드가 속해있는 객체를 바라본다. 객체란 서로 연관된 변수와 함수를

2020년 8월 24일
·
0개의 댓글
post-thumbnail

REST API

REST(Repesentational State Transfer):"Rrepresentational State Transfer"라는 용어의 약자로서 2000년도에 로이 필딩(Roy Fielding)의 박사학위 논문에서 최초로 소개됨.

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

2차프로젝트 회고 (에어비앤비)

1차 프로젝트가 끝나고 2차는 세계 최대의 숙박 공유 플랫폼인 에어비앤비 클론 코딩 프로젝트를 진행했다. 웹페이지 데모영상 Youtube 링크 깃허브 주소 링크 프론트 깃허브 주소 백엔드 깃허브 주소 적용된 기술 HTML Scss JavaScript React(f

2020년 8월 17일
·
0개의 댓글
post-thumbnail

[디자인 패턴] MVVM -React편

MVVM (Model View View Model) 패턴이란?MVVM패턴이란 프론트엔드에서 사용하는 패턴입니다.MVVM패턴 말고도 MVC, MVP등 다양한 패턴이 존재합니다. MVVM 패턴엔 Model, View, View Model 객체간 유기적인 관계를 가집니다.

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

Async 비동기와 동기

코드가 위에서부터 아래로 순차적으로 실행되므로 콘솔에 찍힐 것으로 예상되는 결과는 차례대로 일것이다 .1st 2nd 3rd ... 그럼 실제로 실행시켜 위의 코드가 우리가 기대했던대로 작동하는지를 보면 .. ? 차례대로 찍히는 것을 알 수 있다.이처럼 코드가 위에서부터

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

[ React ] 인원수 증가감소시키기.

플러스버튼 누르면 플러스가되고, 마이너스 버튼 누르면 마이너스가 되게끔 하려고 구현했는데 처음엔 onclick = setAdults(adults-1)onclick = setAdults(adults+1) 로 넣어줬다 .근데 왠걸 ㅜㅜ 버튼 누를때 플러스가 되어 1이 됬

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

리액트 State Hook

리액트는 라이브러리가 매우매우 유용하다.2차프로젝트때는 hook을 사용하라고 하기에,리액트 라이브러리를 토대로 훑어보았다. 구글링에 돌아다니는 예시로 ..매서드 내에서 return을 통해 componentWillUnmount도 구현이 가능하다.클래스 사용할때 const

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

[샤넬 1차 프로젝트] 기록하고 싶은 코드

뉴스페이지에서 스크롤을 내리면 폰트사이즈가 작아졌다가,올리면 커지게 만드는 것을 구현했다.처음엔 어떻게 해야할지 몰랐는데 동기님이 보내준 사이트를 보고 겨우겨우 감을 잡았다. https://dev.to/guimg/hide-menu-when-scrolling-

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

부모 자식 연결하기

INDEX.JSFirstChild.jsimport React, { Component } from "react";class FirstChild extends Component { render() { console.log( this.props ) return

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

위시리스트 구현

부모 위시리스트 js부모 위시리스트.scss .WishList { height: 100%; overflow-y: visible; .wishlist-container { position: relative; height: 250vh; top: -57v

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

샤넬clone 1차 프로젝트 후기

지난 일주일 하고 5일 이라는 시간 동안 위코드에서 샤넬 웹사이트 clone프로젝트를 진행했다.아이디어 발표때 다른 동기들이 제안한 웹사이트도 너무 예쁘고 실용적이어서 내가 제안한 샤넬 페이지가 뽑힐줄 몰랐지만 뽑혀서 결국! 진행하게 되었다. 나는 프론트엔드 포지션으

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

AWS란?

시스옵스 클라우드가 많이나와서 일이줄긴했어도 물리적인환경때문에 그쪽으로 많이 취직한다고함 아마존서비스 외에 구글도있음제일 대표적인 서비스는 EC2이다. S3는 웹하드같은거 파일 저장해서 디렉토리처럼 쓸 수 있는거 업로드된 사진을 웹페이지에 뿌린다던지 이런거를 S3에다

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

css 가상요소 ::before 와 ::after

가상요소란?별도의 css를 지정하지 않아도 지정한 것 처럼 선책할수있다.가상요소는, 가상클래스처럼 선택자에 추가되며 존재하지 않는 요소를 존재하는 것처럼 부여해서 문서의 특정 부분 선택이 가능하다.가상클래스 예 :active, :any, :checked, :defaul

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

자바스크립트 댓글 기능 구현(feat.토큰)

신기하다 신기해 🌟

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

리액트 초기 셋팅

인스타그램 클론코딩하면서 리액트 초기 셋팅을 난생처음 해봤는데앞으로 다가올 프로젝트에 미리 셋팅해놓으려고 시도하다가 까먹은 부분이 좀 있어서 벨로그에 기록하겠다. 일단 Node.js 홈페이지에 접속해서 다운로드받는다. 정상적으로 설치가 되었다면 아래 명령어로 확인가

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

[알아야할 지식] Get과 Post

명확한 차이 Get Post Get - Post – 요청을 보내고 받는거 (요청) -> get 가져오는거 http://10.58...:8000/users (데이터 달라고 요구하는거) Endpoint? 내가 원하는 데이터 user라는 endpoint Post ->

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

[React] Data 호출을 위한 fetch()

문제.............................1\. index.js API 호출 주어진 API주소를 호출하여 데이터 로딩을 처리한다.componentDidMount()fetchsetState (monsters 에 저장)\*index.jsCardList 컴포넌

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