크크의 개발 블로그 크크의 개발 블로그

Project/[Project - 01]랜덤 좌석 배정 프로그램

• [Project - 01] 2. 랜덤 좌석 배정 프로그램 : 기본 기능 만들기

  Project/[Project - 01]랜덤 좌석 배정 프로그램 2021. 1. 22. 17:39

  랜덤 좌석 배정 프로그램의 기본 기능은, [좌석 배정] 버튼을 누르면 아래의 책상에 랜덤으로 번호가 배정되는 기능입니다. 전체 코드는 github에서 확인할 수 있습니다. https://github.com/younyikim/RandomSeat ●IDE : Atom 제목 및 table 레이아웃 랜덤 좌석 배정 프로그램 font는 구글 font를 사용하였습니다. 테이블을 책상 배치처럼 보이게 하기 위해, 아래와 같은 css 속성을 지정하여 사용하였습니다. table { width : 90%; border-spacing: 0px 10px; } th, td { border : 1px solid black; text-align : center; font-size : 20px; } Button button은 이곳(..

  Read More
• [Project - 01] 1. 랜덤 좌석 배정 프로그램 : 개요

  Project/[Project - 01]랜덤 좌석 배정 프로그램 2021. 1. 22. 16:28

  Git에 대한 포스트들 이후로 한동안 포스트를 올리지 못했는데, 그 기간 사이에 HTML,CSS,JavaScript를 다시 한번 훑어보면서, 연습삼아 간단한 프로그램을 하나 제작해보자 해서 이 '랜덤 좌석 배정 프로그램'을 만들기로 했습니다. 처음에는 MVC구조나, model1 구조를 가지고 만들까 생각했는데, 크게 DB가 필요한 프로그램도 아니고 괜히 더 복잡해질 것 같아 HTML,CSS,JavaScript로만 우선 만들어보려고 합니다. (이후에 점차 기능을 추가해볼 예정..) "랜덤 좌석 배정 프로그램" 어떤 프로그램인지, 왜 만드려고 하는지에 대한 얘기를 잠시하고, 본격적으로 프로그램에 대해 소개를 하겠습니다. HTML,CSS,JavaScript은 단순히 개념과 실습만으로 공부하기 굉장히 재미없습니..

  Read More
• [Project - 01] 0. 랜덤 좌석 배정 프로그램 : README.md

  Project/[Project - 01]랜덤 좌석 배정 프로그램 2021. 1. 22. 15:59

  README.md 프로젝트 명 : 랜덤 좌석 배정 프로그램 개발 환경 ● Language : HTML , CSS, JAVASCRIPT ● OS : Windows, Mac OS ● IDE : Atom 주요 기능 ● 사용자가 인원을 선택하면 랜덤으로 좌석이 배정됨. (진행중 - 85%) ● 특정 번호가 항상 짝이 될 수 있게 조정할 수 있음. (예정) ● 사람들의 이름이 적힌 엑셀 파일을 올리면, 이를 이용하여 좌석 배정을 할 수 있음.(예정) ● 이전의 좌석 배정 내용을 확인할 수 있음.(예정) ● 이전 좌석에는 앉지 않기 / 이전 짝꿍과는 앉지 않기 (예정) 프로그램 화면 * Github : github.com/younyikim/RandomSeat

  Read More