# frontend

sangha__ju

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

hurima90

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

ehdtn6288

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

juntechs

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

winney_77

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

hurima90

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

hurima90

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

hurima90

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

winney_77

Javascript object 배우기

hurima90

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

hurima90

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

hurima90

JSX란 무엇인가?

ba93love

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

ba93love

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

ba93love

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

ba93love

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

ba93love

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

ba93love

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

ba93love

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

jaeeunxo1

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