본문 바로가기

전체 글

 (72)
간단한 게시판 만들기 - 2 지난 게시물에서 게시글을 만들기 위한 기본 페이지 구조를 작성했었다. 이번에는 게시글의 작성과 수정, 삭제 그리고 게시글 보기 (CRUD)를 만들어보고자 한다. 1. 글 생성 //page-create_post function Create(props){ return ( { event.preventDefault(); const title = event.target.title.value; const body = event.target.body.value; props.onCreate(title, body); }}> 제목 ) } 글 생성을 위한 템플릿이다. 작성자는 로그인을 하도록 하여 자동으로 작성되게 하기 위해 비워두었고, 날짜는 자동으로 등록되도록 하기 위해 비워두었다. form태그를 이용하여 submit ..
간단한 게시판 만들기 - 1 react를 이용해 간단한 동작을 하는 게시판을 만들어보고자 한다. CRUD 기능을 만드는 것을 목적으로 하는 예제이고, 일단 이번 게시물에서는 페이지만 간단히 만들 것이다. react app 작업 폴더를 만들고 가장 먼저 react 폴더를 만들었다. npx create-react-app 폴더 이름 위와 같이 설치를 진행하고 npm start를 통해 다음과 같은 웹브라우저로 볼 수 있다. (react app을 가동시켜만든 페이지는 3000포트로 연결된다.) 이대로 사용할 수는 없기 때문에 App.js, App.css, index.css에 있는 코드를 날려주도록 한다. 사이트 구조 게시판을 만들겠지만 게시판만 달랑 있으면 허전하니 간단하게 사이트를 꾸며주겠다. 이런 형태로 특별한 디자인은 들어가지 않은 페..
[MySQL] 관계형 데이터베이스 어떠한 작업을 하더라도 중복되는 구문에 대해서 처리를 하지 않는다면 불편함을 느낄 수 밖에 없다. 만일 중복되는 구문이 1000개라면 수정을 하게되면 1000번의 반복 작업을 거쳐야 할 것이다. 따라서 우리는 이러한 구문을 따로 묶어 처리를 하여 1번의 작업만으로 1000개의 모든 구문이 한꺼번에 처리될 수 있도록 한다. 데이터베이스 역시 마찬가지이다. 지금까지 예시로 들어왔던 강의 정보라면, 같은 강의명인 경우도 있고 같은 교수의 강의인 경우도 있다. 이러한 중복을 해결하기 위해 강의명 테이블, 교수명 테이블 등 테이블의 분리를 수행하게 된다. 테이블 분리 다음과 같은 테이블을 살펴보면 교수명에 중복이 있음을 확인할 수 있다. 이를 해결하기 위해 일단 다음과 같이 변경된 테이블을 생성한다. name대신..

티스토리툴바