본문 바로가기

사이트만들기6

[220323] 연극 예매사이트 팀플 기록) 5. 스키마 수정, 캘린더 프론트 디자인 80% 완성 현재 하고있는 것 캘린더 프론트 디자인 80% 완성. 팀원들의 의견을 들어보고 세부적인 곳들 수정예정. 개인적으로 보충학습해야할 것 달력 만드는법. 팀플 현재 진도 전체 페이지 구조 사이트에서 사용할 스키마 팀원회의 및 수정 2022. 3. 24.
[220322] 연극 예매사이트 팀플 기록) 4. 스키마 짜기, DB 공부 현재 하고있는 것 프론트 디자인 진행중. 개인적으로 보충학습해야할 것 데이터베이스에서 데이터 생성/삭제/수정/검색 기능 다시 공부 현재 사용하는 서버와 데이터베이스 연결해서 sql문 사용하는법 다시 공부 2022. 3. 24.
[220321] 연극 예매사이트 팀플 기록) 3. 작업물 할당받음 220321 작업물을 할당받음 내가 할당받은 작업량 교수님 지정해주신 프론트 디자인 board 백엔드 총괄, 파일 업로드 수업 복습 미흡한 점 개인공부 파일 업로드, 덧글 기능, 페이징 기능, Oath 오늘 작업한 내용 유툽으로 figma를 배워서 디자인함 기존 adobe 디자인 툴이랑 많이 다르지 않아서 배우기 쉬웠다. user calendar랑 show calendar front 디자인 끝냄 의도한 내용 사용자가 보기엔 한 화면에서 모든 것을 조작하고 있다고 느낄 수 있도록. 하지만 구역별 내용은 확실하게 나누기 https://www.youtube.com/watch?v=LmLchZ4tCXc 이 영상을 보고서 피그마를 사용했다. 영상을 보고서 디자이너랑 개발자의 소통이 힘들다는건 대충 알았는데 피그마를.. 2022. 3. 23.
[220318] 연극 예매사이트 팀플 기록) 1. 사전회의 220318 사전회의 팀프로젝트의 목표 : DB기능과 스키마 활용을 빛낼 수 있는 사이트 만들기 프로젝트 기간 : 3주 현재 하고있는 작업 원래 오래만져야하는건 예뻐야 할 마음이 생기는 법이라 어떻게 아웃풋을 짤까 레퍼런스 찾아보는중. 씐난다씐난다 예쁜 디자인을 보고 만드는건 언제나 신난다 내가 그런걸 못 만들어서 그렇지 어차피 상업적인거 하는것도 아니고, db 만드는거니까 마음놓고 레퍼런스 뒤져서 대충 틀을 짰다. 팀 주제 : 정원 페이지 목적 : 정원이라면 역시 나무지. 가드닝하는 커뮤니티 페이지를 만든다 가정하고 게시물 짜야지. 컬러칩 : 명도 낮고 채도가 살짝 낮은 진초록이랑 깨끗한 이미지를 주기 위해서 흰색이랑 아주 연한 회색, 검은색 상징적 숫자 : 6, six (팀 번호가 6번이라서) 대체로.. 2022. 3. 15.
[220207] 로그인 페이지 만들기 목록 1. 청사진 그리기 2. login 페이지 3. logout 페이지 4. profile 페이지 청사진 그리기 login페이지 정보를 입력할 창 만들기 & 입력한 정보가 터미널에 찍히도록 만들기. 브라우저에서 입력한 정보와 user라는 객체에 있는 정보가 서로 일치하는지 확인하기 오류해결 [ERR_HTTP_HEADERS_SENT]:Cannot set headers after they are sent to the client at new NodeError 해결하기 코드를 잘못 적어서 에러가 났는데, if문이나 반복문에서 중복된 값이 호출될때 생기는거라고하더라. 보니까 사이트를 2번 호출하게 잘못 적어서 해결함. 로그인이 성공했을때, 쿠키 만들어주기 res.setHeader(`Set-Cookie`,`lo.. 2022. 2. 8.
[220102] 홈 만들기 구글링하다가 예쁜 잡지프레임 가지고 비율 3:1 확인하면서 만듬. 전체적으로는 주려다가 여백 공부하듯이 하나하나 넣었다. 그러다보니 코드가 엄청나게 난장판인데 나중에 수정하기로 하자. 우선은 완성한데에 의의를 둔다. 클로닝하니까 확실히 머뭇거림도 많이 줄고 어떻게 넣어야할지 조금씩 감이 온다. 안에 들어간 이미지는 구글 무료 이미지. 수정해야 할것 저 팝업창을 회원가입창으로 바꾸기 시간이 없어서 닫는 버튼을 전체 클릭으로 바꿨는데, X버튼으로 만들기 210114 수정본 수정내용 회원가입창을 닫아야 할때 전에는 전체 화면 중 어디나 클릭하면 닫을 수 있게 했다. -> X버튼을 눌러야만 닫을 수 있게 했다. input+lable이 각각 2개가 있었는데, input 1개에 연결된 label 2개로 줄였다. 마.. 2022. 1. 3.