본문 바로가기

전체 글280

[220402] 연극 예매사이트 팀플 기록) 14. 만든 로직을 달력 형태로 만들기 현재 하고 있는 것 우선 내가 클릭한 버튼이 어떤 좌표인지 알아야 하니까 event target을 정해놓는다. const cal_day = document.querySelector('.cal_day') cal_day.addEventListener('click',cal_dayHandler) function cal_dayHandler(event){ let alert = event.target console.log(alert) } 새로운 리스트가 한 개 이상 붙지를 않는다. 아니 남들 코드 참고해서 구조도 똑같구만 왜 안돼-하다가 요소를 복제한 clone에서 가져온 순간 생김. 이거저거 두들겨 박다가 얻어걸린거 같은데, 적어놓고 잊지 말아야지... 아직도 왜 자식 요소는 하나밖에 만들 수 없다는 appendC.. 2022. 4. 2.
[220401] 연극 예매사이트 팀플 기록) 13. 달력 로직 만들기 현재 하고있는 것 달력로직 작성 들어감 https://hancoco.tistory.com/138?category=1028078 [220322] 자바스크립트로 달력만들기 1. 현재 날짜를 가져오는 함수 new Date() date 객체는 세계표준시(UTC) 1970년 1월 1일 00시 00분 00초를 기준으로 현재와 얼마나 시간 차가 얼마나 되는지 밀리초 단위로 나타낸다. let dateToday = new Date().. hancoco.tistory.com 2022. 4. 2.
[220331] Status Code : 500, MulterError : Unexpected field 오류코드 500 MulterError : 예기치 않은 필드 왜? 왜 멀터가 에런데 인터넷 서버 에러랑 문제지? CORS가 아니라 왜? 다른 서버랑 통신하게 해주는건 CORS잖아. Bind parameters must not contain undefined. To pass SQL NULL specify JS null 바인드 매개변수에는 undefined가 포함되어서는 안 됩니다. SQL NULL을 전달하려면 JS null을 지정하십시오. 2022. 3. 31.
[220331] multer) 비동기적으로 이미지 여러개 업로드하기 파일을 올리는 html input 코드 요청을 하기 전에 거치는 미들웨어 multer 미들웨어를 거치면서 어디에 어떻게 저장할지 같은 옵션들이 결정된다. //미들웨어 multer 설정, 객체로 변환해준다 const upload = multer({ // 저장할 공간을 지정해줌 storage: multer.diskStorage({ // 인자 3가지 : 요청, 저장할 파일명, 콜백함수 destination: (req, file, done) => { // 에러에 대한 처리, 저장할 디렉토리 지정 done(null, "public/img"); }, filename: (req, file, done) => { //파일명을 그냥 적용하면 무조건 그 파일명으로 저장됨 //= 덮어쓰기 저장될 위험성이 있음. 그래서 새로운.. 2022. 3. 31.
[220331] multer) 비동기적으로 이미지 1개 업로드하기 [ 원리 이해하기 ] 중요한건 왜 저렇게 주소를 사용하는지 알아야한다!!! 대충 주소를 때려박다보면 뭐라도 나오겠지-하지말고!!! 파일을 올리는 html input 코드 submit을 누르면 form에 적힌 백엔드 서버 4001로 post 요청을 보낸다. 파일 한개 업로드 요청을 하기 전에 거치는 미들웨어 multer 미들웨어를 거치면서 어디에 어떻게 저장할지 같은 옵션들이 결정된다. //미들웨어 multer 설정, 객체로 변환해준다 const upload = multer({ // 저장할 공간을 지정해줌 storage: multer.diskStorage({ // 인자 3가지 : 요청, 저장할 파일명, 콜백함수 destination: (req, file, done) => { // 에러에 대한 처리, 저장할.. 2022. 3. 31.
[220331] 연극 예매사이트 팀플 기록) 12. 파일 업로드 현재 하고 있는 것 새로고침할때 파이어폭스는 검색창에 커서키를 입력상태로 놓은 다음에 엔터키를 쳐야한다.. 어쩐지 새로고침해도 계속 같은 결과가 나오더라 그리고 파이어폭스에는 헤더가 안 나와서 교수님이랑 헤메다가 크롬에서 나오는거 확인하고 다같이 울음 ... 파이어폭스 너임마... 개선해야 할 점 뇌정지..... 파일 업로드 기능을 구현하는데 머리가 멈춰서 멍청하게 앉아있었다. 코드를 쳐야하는데 이걸 구현해야하는데-하고 생각은 드는데 하나도 모르겠음. console.log도 못쳐서 으에?이러고 있다가 교수님 질문에 대답 못해서 살짝 깨짐. 함수 배우고 있는데 1+1이 뭐죠? 라고 질문 받아서, 1... 더하기가 뭐죠? 하고 대답했음. 1 더하기 1을 쓰세요! 더하기가 어떻게 생겼지 어떻게 쓰지... 차라.. 2022. 3. 31.
[220330] 연극 예매사이트 팀플 기록) 11. UD 작성완료 현재 하고 있는 것 timestamp는 입력이 안되는 거였다.... 어쩐지 찾아도 결과값이 안 나오더러. datetime을 넣어야 가능한거였음 둘이 개념작성해서 넣을것 오 이렇게 작성하면 timestamp에도 넣을 수 있다함 const date = `DATE_FORMAT(date, '%Y-%m-%d') AS date` const timestamp = `DATE_FORMAT(date, '%Y-%m-%d %p %h:%i') AS date` 개인적으로 보충학습 해야할 것 innerHTML, innerTEXT, setAttribute 차이 구분할것. 여기 안에 있는 글자 2022. 3. 30.
[220329] 연극 예매사이트 팀플 기록) 10. CR구현 현재 하고 있는 것 서버를 오가며 url에 정보를 넣고 얻는 parms도 진행중 페이징과 파일 업로드도 곧 있음 들어갈듯. 조만간 달력만드는 블로그 글도 올려야겠다. 이번에 넣기로 한 투두 달력 기능이 너무나 도움이 된다. 오늘 목표는 cru까지 마치는것. 개인적으로 보충학습 해야할 것 컨디션이 너무 좋지않다. 어제 밤 9시에 급 await이 연결이 되지 않는다는것을 알았고 구글링을 했지만 새벽 5시까지 찾지를 못했다. (이슈가 해결이 안되면 아무것도 진행을 할 수 없는 상황이었음.) 권한을 줬다가 뺐었다가 해봤지만 나중엔 root 까지 터져서 .. 교수님이 봐주셨음. 새벽 3시쯤엔 이렇게 구글링을 해도 못 찾는거면 내 역량에 문제가 있는게 아닌가 싶어서 진로를 좀 더 생각해봤어야했나했는데, 시스템적인거.. 2022. 3. 29.
[220328] 연극 예매사이트 팀플 기록) 9. 깃헙이슈, CRUD 구현 이슈 깃헙에는 기여도라는 기능이 있는데, 내가 그 곳에 없다는 말을 들었다. 나는 내 시점으로 봐서 내 계정이 없는줄 알았지.. 찾아낸 원인 : 내 데이터베이스에 이메일이름이 깃헙이메일이름이랑 일차하자 않아서 발생함. https://www.lainyzine.com/ko/article/how-to-set-git-repository-username-and-email/ 해결 테이블에 행 추가하기 -> ajax만 sql에서 불러와서 연결하기 2022. 3. 28.
[220327] 연극 예매사이트 팀플 기록) 9. 게시판 CRUD 구현, ajax 연결 현재 하고있는 것 날 겁나게 애먹였지만 잘못된건 foreach도 아니고 replace도 아니고, 파일 형식도 아니었다. 내가 trElement를 가져올때 innerHTML을 했어야했는데 그냥 통째로 가져오니까 replace가 못 읽는문제였음. const trElement = document.querySelector('#showList_row').innerHTML; let template = document.querySelector('#showList_row'); const Nodes = data.list; //교수님 코드 Nodes.forEach(v=>{ template += trElement.replace('{idx}',v.idx) .replace('{subject}',v.subject) .repla.. 2022. 3. 27.

티스토리툴바