# frontend

170개의 포스트
post-thumbnail

인테리어 디자이너에서 FrontEnd Developer가 되기까지 (with Wecode)

평소 생산적인 일을 하는 것을 선호했습니다. 사실 전공따라 직업을 선택한 것도 있었지만 생산적인 직업이라고 생각하고 뛰어 들었었죠.하지만 실상은 많이 다르더군요 군대식 조직문화, 상사의 횡포, 성 차별, 상명하복식 업무 전달(모든 회사가 그런건 아니에요!) 저에게는 모

약 8시간 전
·
1개의 댓글

React스터디_이벤트 핸들링

리액트의 이벤트 시스템은 HTML 이벤트와 인터페이스가 동일하기 때문에 사용법이 비슷합니다.이벤트 이름은 카멜 표기법으로 작성합니다

어제
·
0개의 댓글
post-thumbnail

React JS - 1일차

node jsnpmnpm -> npm install npx -g 를 통해 설치visual studio codegit -> git remote add origin my-github-repository urlcreate-react-app\-> 리액트 작업 환경 구축\->

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

나는 React가 왜 필요할까?

리액트를 공부하면서 느낀 점을 남깁니다.

3일 전
·
0개의 댓글

TIL day2 Object 두번째

1. The 'this' keyword Object are collections of related data and functionality. We store that functionality in methods on our objects: ReferenceError

3일 전
·
0개의 댓글

React스터디_State

state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있습니다.

3일 전
·
0개의 댓글

React스터디_Props

props는 properties를 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소입니다. props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있습니다.

3일 전
·
0개의 댓글

React스터디_클래스형 컴포넌트

클래스형 컴포너트의 설명에 앞서 컴포넌트를 선언하는 방식은 두 가지입니다.

3일 전
·
0개의 댓글

TIL day1 Object 첫번째

Javascript object 배우기

5일 전
·
0개의 댓글

React스터디_왜 리액트인가?

왜 리액트인가? 리액트의 진행방식에 대해 알아보자

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

React스터디_JSX문법

JSX문법에 대해 간단히 살펴보자

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

React스터디_JSX란?

JSX란 무엇인가?

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

풀스택을 향하여 - Vue.js & Flask 로그인/로그아웃 (4) - Vue.js Component 연동하기

JWT토큰을 발행하고 할당, 그리고 Validation까지 했으니, 이제 이 동작들을 Frontend로 가져가서 작업 해 보도록 하자front-back의 소스는 여기 에 올려놓았다frontend 구조라 스트럭쳐가 꽤 길다backend의 코드에서 필요한 정보를 넘겨주기

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

풀스택을 향하여 - Vue.js & Flask 로그인/로그아웃 (3) - Flask Auth Token 적용하기

JWT 토큰을 사용해서, 현재 사용자의 인증을 체크 해 주자.JSON Web Token (JWT) 은 웹표준 (RFC 7519) 으로서 두 개체에서 JSON 객체를 사용하여 가볍고 자가수용적인 (self-contained) 방식으로 정보를 안전성 있게 전달해줍니다.re

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

풀스택을 향하여 - Vue.js & Flask 로그인/로그아웃 (2) - Flask Auth API 만들기

사용할 화면이 flask 서버 내에서 작성 된 것이 아닌 Vue.js에서 작성 된 것이기 때문에 flask서버에서는 api를 작성 해 주도록 할 것이다.회원가입로그인로그아웃데이터베이스를 미리 세팅하고 데이터를 하나 넣어주도록 하겠다mysql을 사용하고 flask-sql

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

풀스택을 향하여 - Vue.js & Flask 로그인/로그아웃 (1) - Docker DB 세팅하기

Vue.js & Flask를 docker-compose로 올렸기 때문에 DB도 마찬가지로 같이 docker로 올려주려고 한다.사용하려고 하는 db는 mysql이다docker-compose 세팅까지의 코드는 깃허브에 있다 (링크)처음 프로젝트를 세팅 했을 때, docke

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

풀스택을 향하여 - Vue.js Component & Flask Backend 연동(2) - frontend

Backend에서 보내준 데이터를 frontend에서 보여주자이전 글에서 네이버 야구경기의 데이터를 긁어오는 과정을 Backend에 적용했다.이제 Vue에서 Backend와 연동하여 데이터를 보여주는 Component를 작성하겠다.완성된 소스는 깃허브에 있다 →

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

풀스택을 향하여 - Vue.js & Flask - 데이터 주고받기 (axios)

Dockerfile과 docker-compose를 사용해서 작성 된 frontend / backend 를 올렸다.이제 frontend ←→ backend가 서로 통신이 되는지, 데이터를 주고 받을 수 있는지 확인 해 보려고 한다.이전에 작성 했었었던 docker-com

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

풀스택을 향하여 - Vue.js & Flask - 개발환경구축하기

free admin template인 vue-flask-docker이다.유료로 구매한 템플릿이 있지만 소스코드를 공개 할 수 없을 것 같아 free 라이센스를 가진 템플릿을 사용해서 vue와 관련된 것들을 공유 해 보려고 한다.소스 파일은 아래에 있다. 다운받아도

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

HTML tag 02

What is the basic tag in html? Heading : h1은 최상위에 있는 제목이며, 나머지 다른 표제들은 계층적으로 밑에표시됩니다. 가급적이면 페이지 당 하나의 태그만 사용해야 한다. : heading은 요소가 6개 있고, 각 요소는 문서

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