프런트엔드
[React] 차근차근 Todo List 만들기 with Typescript- (3) ListItem Component
TODO LIST 만들어보기 React with Typescript (리액트 + 타입스크립트) (3) 참고 영상 : https://www.youtube.com/watch?v=ODvirqIC09A ※ typescript를 사용해서 만들기 때문에 VSCODE를 사용하신다면 tslint라는 확장프로그램을 사용하시면 typescript에 맞지 않는 문법들에 대해 경고 혹은 에러 밑줄을 확인 하실 수 있습니다. ListItem 컴포넌트는 앞서 언급했듯이 Todo List 기능에서 만들어진 각각의 할 일들에 대한 컴포넌트입니다. 우선 TodoListItem.tsx을 만들어주고 기본적인 틀을 만들어봅시다. import React from 'react'; export const TodoListItem = props =..
[Vue] 차근차근 Todo List 만들기 with typescript - (1) 구조 설계
TODO LIST 만들어보기 Vue with Typescript (뷰 + 타입스크립트) (1) ☞ 구조 설계 VueJS는 기본적으로 컴포넌트들을 만들어 애플리케이션을 만들기 때문에 어떤 컴포넌트들을 만들어야 할지 개발 전에 미리 설계를 해줘야 하기 때문에 이 글에서는 컴포넌트들을 어떻게 설계할지 PowerPoint로 만들어보겠습니다. ☞ Todo List의 기본 구조 : List Component : 우선 기본적으로 Todo List의 기본적인 기능인 아이템들을 리스트 형태로 보일 수 있도록 하는 컴포넌트 Create Component : Todo List의 List에 삽입을 하기 위한 컴포넌트 Header Component : 라우터 기능을 이용하여 Todo List의 아이템의 상태에 맞춰, 완료한 리..
[AngularJS] CRUD[4] - SELECT 기능 구현하기
AngularJS - SELECT CODE GCSU 교환학생 활동을 하면서 SOFTWARE ENGINEERING 수업을 듣게 되었는데, 그 수업에서 Front-end로 AngularJS를 사용한다고 하여 AngularJS 공부를 하게되었다. CRUD기능을 사용해보기 위해 FORM LETTER를 만들어보았다. 모든 웹에서는 MVC pattern(Model, View, Controller)을 가장 중요시하기 때문에 차례대로 이 패턴의 해당하는 코드들을 보여드리도록 하겠습니다. CRUD의 SELECT 부분이다. Model - select_insert.php select에서는 따로 query를 호출 할때 넘겨줄 변수가 없기 때문에 따로 controller에서 넘겨받은 변수는 없으며, 그냥 select 쿼리 호출..