post-thumbnail

항해99(3기) - 11일차 | Firebase - Firebase로 배포(호스팅)

1. FireBase 호스팅하기 1) 대시보드에서 호스팅 신청 2) 프로젝트에 cli 설치 > yarn add global firebase-tools 를 프로젝트에 입력하여 cli 를 설치합니다. 3) firebase 로그인하고 init 실행 > 웹브라우저가 열리

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

항해99(3기) - 10일차 | Firebase - FireStore사용

들어가며 >Serverless - 서버리스(serverless)란 개발자가 서버를 관리할 필요 없이 애플리케이션을 빌드하고 실행할 수 있도록 하는 클라우드 네이티브 개발 모델입니다. 1. Firebase란 >Firebase는 원래 데이터 베이스였지만 구글이 인수 후

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

항해99(3기) - 9일차 | React 강의 수강

항해 2주차 월요일에 이어서 화요일인 오늘 React 강의를 수강하며 공부한 내용들을 정리하였다.이벤트 리스너는 \`사용자가 어떠한 행동(이벤트)을 하는지 아닌지 지켜보다 알려주는 것입니다. ex) 마우스 클릭 , 마우스 오버, 키보드 조작 등React에는 EventL

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

React - Redux

리덕스는 데이터를 한 군데 몰아넣고, 여기저기서 꺼내볼 수 있게 하는 상태관리를 보다 편하게 관리할 수 있게 제공하는 라이브러리입니다.자식 컴포넌트는 부모 컴포넌트의 state를 맘대로 조작할 수 없습니다 데이터는 부모에서 자식으로 단방향으로 흐리기 때문이입니다.만약

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

React - Router

라우팅이란 html이 딱 하나를 가지고있는 SPA(Single Page Application)에서 주소창대로 다른 페이지를 보여줄 수 있는 방법으로 다른 페이지를 보여주는 걸 라우팅 이라고 부릅니다.yarn add react-router-dom/cat 과 /dog 에

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

React - Event Listener

이벤트 리스너는 \`사용자가 어떠한 행동(이벤트)을 하는지 아닌지 지켜보다 알려주는 것입니다. ex) 마우스 클릭 , 마우스 오버, 키보드 조작 등 DOM 요소가 있어야 이벤트 발생을 지켜볼 수 있음으로 componentDidMount()에 이벤트 리스너를 넣어줍니다.

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

항해99(3기) - 8일차 | React 강의 수강

항해 2주차 시작인 월요일 오전 9시부터 주특기 강의 수강이 가능하였다. 내가 선택한 주특기는 React! 월요일부터 수요일까지 추석 연휴 이지만 강의수강을 달려볼 예정이다.JSX는 React에서 사용하는 문법으로 html형식과 js그리고 css를 jsx파일 하나에 컴

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

React - Ref

Ref는 render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공합니다.DOM 엘리먼트에서 Ref 사용하기 컴포넌트가 마운트 될 때 React는 currnet 프로퍼티에 DOM 엘리먼트를 대입하고, 컴포넌트의 마운트가 해제될 때 curre

2021년 9월 20일
·
0개의 댓글
post-thumbnail

React - styled-components

컴포넌트 스타일링 기법중 하나로서 class 이름 짓기 해방, 컴포넌트에 스타일을 적기때문에 직관적인 장점을 가지고 있습니다.yarn add styled-components공통적으로 사용하는 style 같은경우 styled 컴포넌트로 만들어 속성값만 바꿔서 사용하면 좋

2021년 9월 20일
·
0개의 댓글
post-thumbnail

React - Component

Component는 쉽게 생각하면 레고로 생각할 수 있습니다 각 레고블럭 (component)들을 합쳐 한 페이지를 그릴 수 있습니다.header, container, footer의 세 개의 컴포넌트를 합쳐 한 페이지를 보여줄 수 있습니다. Component에서 데이

2021년 9월 20일
·
0개의 댓글
post-thumbnail

React - 라이프 사이클(Life Cycle)

가상돔이란 - DOM 트리중 하나만 수정되어도 DOM 트리 전체를 수정해야 하는데 이경우 필요없는 연산이 많이 일어남으로 보다 효율적인 렌더트리를 동작시키기 위해 등장한 개념이 가상돔입니다. 가상돔의 동작방식은 \`기존 DOM과 어떤 행동 후 새로 그린 DOM(가상돔)

2021년 9월 20일
·
0개의 댓글
post-thumbnail

React - JSX

JSX는 리액트 문법으로 React요소를 만들고 DOM에 렌더링 시켜서 그립니다.자바스크립트 안에 html태그같은 마크업을 넣어 뷰(UI) 작업을 편하게 할 수 있습니다.태그 닫기무조건 1개의 엘리먼트를 반환하기 JSX에서 javascript를 가져올때 중괄호 사용 {

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

WIL 2021-09-20

WIL 09-13 ~ 09-20 Python을 활용한 크롤링으로 어떤 페이지안에서 원하는 데이터를 추출하는 방법을 활용하여 프로젝트에 실제로 적용해 보았다.https://velog.io/@jinseoit/%ED%95%AD%ED%95%B499-1%EC%9D%B

2021년 9월 20일
·
0개의 댓글
post-thumbnail

항해99(3기) - 7일차 | JWT

JWT(JSON Web Tokens)는 토큰 기반 인증 방식으로, 필요한 정보를 토큰 body에 저장하여 사용자가 가지고 있고 이것을 인증을 위한 증명서 처럼 사용합니다. 사용자는 Access Token(JWT Token)을 Header에 실어 서버로 보내게 됩니다.

2021년 9월 19일
·
0개의 댓글
post-thumbnail

항해99(3기) - 6일차 | SSR, CSR, SPA

랜더링이란 - 서버로 부터 받은 내용을 브라우저 화면에 표시하는 하는 과정을 말합니다. Loader가 서버로 부터 정보를 호출Parsing 후 문서를 DOM Tree로 변환DOM Tree가 구축되는 동안 브라우저는 렌더 트리를 구축CSS 설정/ 레이아웃 위치를 지정렌더

2021년 9월 19일
·
0개의 댓글
post-thumbnail

항해99(3기) - 5일차 | AWS 배포

오늘 자정 12시까지 AWS 서버에 우리팀이 만든 프로젝트를 배포하여야 한다.4일차인 목요일에 이어서 오류가 나는 부분들을 정리후 팀원분들에게 각자 확인을 부탁하였다.오후 6시에 프로젝트 작업을 마무리 후 AWS 배포를 준비하였다. 기존에 사용중이던 AWS EC2에 서

2021년 9월 18일
·
0개의 댓글
post-thumbnail

항해99(3기) -4일차 | 미니프로젝트

1주차 미니 프로젝트(4/5)일프로젝트 4일차 완성페이지 및 미완성 페이지를 정리하며 팀원분들에게 남은 기능들을 재정리 후 업무를 분담하였다.완성페이지 - 로그인, 회원가입, 메인, 리스트미완성 페이지 - 상세, 연봉별 차량팀원분 한분이 담당해주신 페이지이지만 기본적인

2021년 9월 18일
·
0개의 댓글
post-thumbnail

항해99(3기) - 3일차 | 미니프로젝트

어제 css작업을 마친 리스트 페이지에 기능을 입혔다. 처음 list페이지에서 render시 jinja 템플릿의 for문을 활용하여 list들을 카드로 입혀주었고 더보기 기능을 추가하여 추가 list를 호출시 get api 통신하여 list 데이터들을 front로 re

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

항해99(3기) - 2일차 | 미니프로젝트

어제 추출한 크롤링 중 금액순으로 정렬하는 과정에서 문제가 발생하였다. 금액 부분에 ,콤마 부분이 포함되어 있다는 점 과 달러 , 파운드, 루피 유로 중간 중간 억으로 표시되어있는 금액 단위를 만원단위로 수정해야 했다.인자로 들어온 priceArr은 ex) 1200~

2021년 9월 14일
·
0개의 댓글
post-thumbnail

항해99(3기) - 1일차 | 미니프로젝트

드디어 오늘 항해가 시작되었다 오전에 대표님의 앞으로의 항해에 대한 소개와 일정을 들은후 곧바로 1주차 프로젝트에 돌입하였다.😐노션으로 팀배치 배정(8조)을 받았는데 팀장 역할을 담당하게 되었다. 팀원들과 간단한 자기소개후 바로 어떤 프로젝트를 할지 상의를 하였다.프

2021년 9월 13일
·
0개의 댓글