728x90 반응형 프로젝트9 [365 웹 프로젝트] 아이디어 회의, 주제 선정, 디비설계 등 취업 전 해커톤같은 개발 프로그램에 참여를 하고 싶었고, 마침 대학생이 아니어도 참여할 수 있는 해커톤을 알게 되었다. 하지만 디자이너와 함께 작업 할 프론트 작업자를 찾지못해서 해커톤은 나가지 못했고, 그럼 개인적으로 팀을 꾸려 프로젝트를 만들어보자. 하고 사람들을 모아 어찌저찌 백엔드 개발자 2, 프론트 개발자 1, 디자이너 1 4명이서 프로젝트를 진행하게 되었다. 아이디어. 디자이너님은 확실한 참여의사를 밝힌 것이 아니라 디자이너님을 제외한 개발자 셋이 모여 주제에 대해 회의했다. 나와 다른 백엔드 개발자님은 국비 학원 수료 했을 당시 했던 팀프로젝트 외 프로젝트는 거의 전무하였고, 프론트 개발자님은 여러가지 혼자서 만들어 본 경험이 많았다. 프론트 개발자님 계속 주제에 대한 대화를 진행하다가 프론.. 2021. 12. 14. [프로젝트] ajax 비밀 댓글 처리하기 1/17 댓글 등록, 수정, 삭제를 쉽게 끝내서 그런가 오늘 아침부터 기분좋게 비댓과 대댓 만들기를 시작했다. 그러나.. 역시 쉽지 않았다... 오전시간을 다 날리고 오후부터 다시 정신을 차리고 생각이란걸 하기 시작했다. 그 결과 어느정도 흉내를 낼수가 있었다!! 본인이 작성한 댓글에만 수정/삭제 버튼이 뜨게 했고, 비밀댓글 내용은 안뜨게했다. 근데 비밀댓글만 작성이 되고 그냥 댓글을 등록하려고 하면 계속 에러가 났다;; $('[name=commentInsertBtn]').click(function(){//댓글 등록 버튼 클릭시 console.log('진입') if($('#Secret_Com').is(":checked") == true){ $('#Secret_Com').val('y'); var inser.. 2021. 1. 17. [프로젝트] ajax 댓글 등록/수정/삭제 1/15~16 댓글창 밑그림/ 글자수 체크까지 해놓고 댓글 기능을 구현하려고 하니 집중이 잘 되지 않았다. 그리고 모든 정보가 없다보니 수업시간 코드를 응용해서 사용하는데도 어려움을 겪었다. 그.러.나 15일 머지 후.. 드디어 반응하기 시작하는 코드들!! 오예~~ undefined ,,, 대소문자 잘 보자 그리고 정말 어렵게 느껴졌던 본인이 작성한 댓글만 수정/삭제 가능하게 하기..! 까지 성공했다. 답변(대댓글)은 버튼만 만들어놓은상태.. 내일 꼭 완성하자. 시간이 된다면 비밀댓글도!! 2021. 1. 17. [프로젝트] 게시글 등록 필수입력 항목 체크하기 게시글 등록 페이지를 만들면서 필수로 입력을 받아야하는 항목이 있었다. required는 submit 해줄때만 필수입력 체크를 해준다. 결제하기로 넘어가는 창에서는 submit을 사용할수가 없어서 아래와 같이 직접 체크를 해줬다. function inputcheck(){ var lostitem = $("input[name=Lost_Item]:checked").val(); var lostdate = $("input[name=Lost_Date]").val(); var losttitle = $("input[name=Lost_Title]").val(); if (lostitem == "etc"){ var lostitem =$("#textbox").val(); if (lostitem == ""){ alert('분실.. 2021. 1. 13. [프로젝트] 위치검색 Enter키로 이벤트주기 1/7 지도를 직접 이동해서 위치를 찍어주는 것까지만 해놓고 위치검색은 미루고 미루다 오늘 대충 완성(자세하게 검색이 안돼서 수정해야할듯) 어쨌든 고민고민 끝에 아래와 같이 변경했고, 위치검색 버튼을 만들어놓으니 엔터키를 눌렀을때도 검색이 되게끔 하고싶어짐. 이벤트 추가 function enter(){ if(event.keyCode==13){ 엔터키를 눌렀을때 실행될 이벤트 코드 } } Enter키의 아스키코드 값 == 13 인풋폼에 아래와 같이 추가 onKeypress="enter();" 손쉽게 완성했다. 2021. 1. 8. [프로젝트] 글쓰기 에디터 사용하기 ~ 1/7 게시판을 만들면서 에디터를 사용하기로 결정했다. 파일첨부로 사진을 사용하는 것보다 에디터가 조금 더 빠르게 할수있을거 같아서 선택한거였는데.. 엄청난 에러의 세계로 ^^... 전부 캡쳐는 못했지만 이틀정도를 개고생 결국 원래 사용하려던 네이버스마트에디터는 포기하고 썸머노트에디터를 적용시켰다. 썸머노트를 적용하는데도 꽤 많은 시간을 투자했다. 계속 에러가 떴던 이유는 jquery의 충돌(?)때문에 생긴거였다. jquery는 한개만 사용해야한다고 한다. (3.5.1을 사용하면 에러없이 전부 사용가능하다고 함!) 굿굿 코드를 수없이 옮기고 지우고 되돌리고를 수십번.. 하 현타온다.. 전부 적용된 모습 2021. 1. 7. [프로젝트] 날짜 제한하기2 1/3하고싶었던 달력. 자꾸 에러가 났다.경로도 잘 지정해줬고, 틀린게 없어보이는데... 원인은 중복코드.... 이거때문에 어제 오후부터 오늘 오후까지 거의 하루를 날렸다..정신차리자.. 2021. 1. 3. [프로젝트] 게시판 작성 값 넘기기 1/1-1/2 어제 오후 내내 게시판 글 작성 화면에서 등록 버튼을 누르면 내가 입력한 값이 오라클db로 잘 넘어가는지 테스트를 했는데 계속 뜨는 에러들.. 설상가상으로 임포트도 안되고.. 멘붕.. 이렇게 하는게 아니었나 아 역시 이 길은 내 길이 아니구나. 좌절하길 수십번.. 여러개의 항목들을 한꺼번에 테스트 한다는게 미련하고 멍청한 짓이었다. 오늘 하나씩 하나씩 테스트한 결과 제목, 내용, 분실물품, 작성날짜, 분실날짜 까지는 잘 넘어간다. 휴 어렵다.. 2021. 1. 2. [프로젝트] 게시글 등록 화면 만들기 - 1 12/26 오늘 오후부터 본격적으로 만들기 시작한 게시글 등록 화면.. css 공부를 나름 한다고 하긴 했는데 막상 사용하려니 뭘 써야할지 잘 모르겠다. 이렇게 엉망진창인거 하나 만드는데도 굉장히 많은시간이 걸렸다. 부트스트랩 사용해서 버튼과 input 박스를 변경했는데 위치들이 또 이상해졌다.. 내일은 더 그럴싸하게 수정해보자 더보기 DOCTYPE html> Document .header { background-color: black; height: 150px; } .container { margin-left: 300px; margin-right: 300px; width: 950px; } .item1 { display: flex; justify-content: space-between; border-b.. 2020. 12. 27. 이전 1 다음 728x90 반응형
