본문 바로가기
웹 FTP 기획 주제 : FTP프로토콜을 이용한 파일전송과, 전송된 이미지 파일의 나열 - 페이지 기획/:page : 가장 위에 헤더 헤더 아래에 가운데 우측 정렬로 id, pw textbox, 로그인 버튼, 회원가입 버튼 생성, 로그인 했을 시에는 관리 로그아웃과 관리 버튼 생성(admin일 경우에만) 아래에는 사진을 1줄에 3장씩 3줄, 총 9장을 보여주고 9장을 초과할시에는 페이징 기능으로 관리 /join : 헤더는 고정. id, pw, pwc, grade(radioBox : guest, admin) 항목을 입력하는 회원가입 페이지 /setting : 가로로 공간을 반으로 분할하여, 좌측에는 서버 폴더, 우측에는 클라이언트 폴더를 게시하여 드래그 앤 드롭이나, 업로드/다운로드 버튼을 이용하여 파일을 주고받는 기능 ..
웹 FTP toDoList를 중단하고 기발하면서도 마땅히 해보고 싶은 프로젝트가 생각이 떠오르지 않아서 커뮤니티에 도움을 구해보기로 했다.okky 커뮤니티에 질문을 올렸더니 감사하게도 여러 사람들이 좋은 조언을 해주셨는데, 그 중 웹FTP라는 개념을 살펴보다가 관심이 조금 동했다. FTP : 파일 전송 프로토콜. 서버에서 클라이언트로, 클라이언트에서 서버로의 파일 전송이 필요할 때 사용되는 기술이다. 프로젝트 : 초기화면에서 사진을 한 페이지에 9장 씩 보여주며, 최근의 사진이 1페이지에 오도록 구현한다.처음엔 guest 권한을 가지고 있지만, 관리자 계정으로 로그인 함으로써 권한을 획득 할 수 있다.관리자는 메인페이지 외에 FTP를 사용할 수 있는 웹으로 이동하여, 이미지를 서버에 업로드하거나 서버에서 제거 할 ..
toDoList 프로젝트 중단 toDoList(나의 할일) 웹 프로젝트를 중단하기로 결심했습니다. 계기는 광수형의 조언 덕분이었다. "니가 지금 이걸 만든다고 나중에 똑같은 작품을 더 좋은 퀄리티로 만들 수 있을 것 같냐 나중에 2,3년 지나서는 결국 다까먹고 그때 어떻게 했더라 생각하면서 똑같이 만들고 있을 것이다. 물론 조금 더 빠를 수는 있겠지만 비슷비슷할거다." 제딴에는 제대로 된 웹어플리케이션을 만들어 본적이 없었고, 'angular에 대한 이해도를 높여보자'로 시작했던 프로젝트 였습니다. - CRUD를 갖춘 RESTful한 웹. - 클라이언트와 서버가 분리되어 요청이 조금 많을지라도, 각자의 분야에서 조금 더 자유롭게 환경을 구축하는 웹개발 방식.- JavaScript의 객체지향성을 충분히 활용하여 타입스크립트 파일간의 계..
toDoList - 개발 17일차(변수 타입의 중요성) 변수 타입의 중요성 getFullYear() is not a function...한 시간동안 하나의 에러를 붙들고 씨름했다. 갖가지 디버깅끝에 원인을 찾아냈는데, 망치로 뒤통수를 맞은거마냥 띵하다. 이 망치의 이름은 '변수의 타입'이다. 처음에는 DB의 레코드가 res라는 인자를 통해 todos로 전달될 때, todos.date의 타입이 NgbDateStruct인데 res.date의 타입은 Date라고 판단하여 자동 형변환에 따른 에러라고 생각했다. 그래서 res.date를 NgbDateStruct로 변환하기도 하고, todos를 Date타입으로 바꾸기도했다. 하지만 한결같이 나타나는 에러는 해결될 기미가 보이지 않았다. 분명 디버깅한답시고 콘솔로 띄운 res.date, todos.date는 Date의 ..
toDoList - 개발 16일차(달력) 개발순서1. 화면의 틀 잡기(간단한 디자인, Bootstrap) 2. 컴포넌트 구체화, 라우팅 모듈 생성(Angular) 3. 백엔드 구축(NodeJs) 4. DB 생성 5. 세부적인 사항 수정달력month 컴포넌트를 위한 달력을 만들어야한다. 현재 틀은 거의 완성했으나, space_days(1일이 일요일이 아닐때, 달력을 뒤로 밀기 위한 공백배열)이 들어가는데 day영역의 위치가 이상해지는 에러가 발생. 배열을 하나로 합치던가, 레이아웃을 조정해보던가의 방법이 필요할듯해야 할 일달력 -> 틀 완성 get 작업중
toDoList - 개발 15일차(CRUD완료) 개발순서1. 화면의 틀 잡기(간단한 디자인, Bootstrap) 2. 컴포넌트 구체화, 라우팅 모듈 생성(Angular) 3. 백엔드 구축(NodeJs) 4. DB 생성 5. 세부적인 사항 수정수정모드수정모드의 모든 문제는
toDoList - 개발 14일차(수정모드, important) 개발순서1. 화면의 틀 잡기(간단한 디자인, Bootstrap) 2. 컴포넌트 구체화, 라우팅 모듈 생성(Angular) 3. 백엔드 구축(NodeJs) 4. DB 생성 5. 세부적인 사항 수정수정모드처음에는 수정모드에서 save버튼을 눌러서 한번에 저장하려고 했다. 그러다 각 개체에 save버튼을 만들어서 저장하는 것도 괜찮을것 같아서 그렇게 하려고 했더니 form이 여러개 생성되어서 충돌하는 것 같다. formGroup을 배열로 만들어서 어떻게하면 될 것 같기도한데, 차라리 form하나만 만들고, input에 인덱스를 붙여서 한번에 save하는게 편할 것 같다. 다시 한번에 수정하는 식으로 바꾸자.important 동기화important 버튼을 누를 때마다 서비스의 changeImportant가 호출..
toDoList - 개발 13일차(수정모드, getTodos) 개발순서1. 화면의 틀 잡기(간단한 디자인, Bootstrap) 2. 컴포넌트 구체화, 라우팅 모듈 생성(Angular) 3. 백엔드 구축(NodeJs) 4. DB 생성 5. 세부적인 사항 수정수정모드라우팅이 update일때는 save버튼을, view일때는 update버튼을 띄우고자 하는 것이 대략적으로는 그려졌으나 파라미터를 어떻게 받아와야 할지 막막했다. 결국 document에서 location 으로 전체 url을 받아와서 전체 url을 비교하고있다. 수정해야 할 부분이다. http…view/day, week, month를 모두 조건식으로 써넣을 수도 있는데, 이러면 너무 지저분하지않을까… 정규표현식을 알아봤으나 이는 문자열이 틀에 맞는지를 검사하기 위한 도구였다. 하나 배웠다.getTodos초기화면..

티스토리툴바