전체 글
-
canvas blob을 spring에서 받아 mybatis를 통해 mysql db저장 및 출력Spring 2021. 5. 13. 10:41
*도움이 되셨다면 광고 한번 클릭 부탁드립니다! 제게 큰 힘이됩니다! 1.xhr 및 ajax document.getElementById('paint-layer').toBlob(function(blob){ datas.paintblob = blob getLoadData(url,datas,this.setTempStoreSuccess.bind(this)) }.bind(this)) paint-layer라는 캔버스에서 이미지를 뽑아서 blob형태로 만든훈 Formdata의 paintblob 이름으로 blob을 저장한다. 그후 getLoadData 함수를 통해 xhr를 전송한다. function getLoadData(url,datas,callback){ const formdata = new FormData(); fo..
-
React의 SPA(Single Page Application) 장점 과 단점자바스크립트/ReactJs 2021. 5. 8. 14:43
1.장점 기존에 서버는 모든 html을 전달하여 화면에 보여주었다. 그러다보니 페이지를 이동할때마다 새로운 html을 받아오고 리소스를 전달받아 해석하여 화면에 보여줬다. 하지만 요즘 웹에선 제공되는 정보가 정말 많기에 새로운 화면을 보여 주어야 할때마다 서버 측에서 모든 뷰를 준비한다면 성능상 문제가 발생할수있다. 예를들어 트래픽이 너무 많이 나올경우 사용자가 몰려 서버에 부하가 쉽게 걸릴수 있다. 그래서 리액트 같은 라이브러리 혹은 프레임워크를 사용하여 뷰렌더링을 사용자의 브라우저가 담당하도록 하고, 우선 어플리케이션을 브라우저에 불러와서 실행시킨 후에 사용자와의 인터렉션이 발생하면 필요한 부분만 자바스크립트를 사용하여 업데이트 해준다. 1.단점 spa의 단점은 앱의 규모가 커지면 자바스크립트 파일이..
-
mysql fk 추가 및 기준잡기데이터베이스/mysql 2021. 5. 7. 16:14
1. 기준 테이블 기준이 되는 테이블에 pk를 찾자 예를들어 tb_user_info user_id 유저이름 pk user_id_seq 유저순서 pk 위와같은 간단한 유저를 참조하여 위와같은 내용들이 생성되어있지 않으면 참조가 필요한 테이블에 내용들은 의미가 없다고 보면된다 2. fk 테이블 tb_book_data user_id 유저이름 fk user_id_seq 유저순서 fk book_seq 순서 pk book_data 책이름 book_content 책 내용 위 테이블은 유저가 본 책들에 이름과 내용들을 저장하는 테이블이다. 3. 쿼리문 alter table tb_book_data add FOREIGN KEY(user_id,user_seq) REFERENCES tb_user_info(user_id,use..
-
javascript xhr // spring // jsonarray Data 전송Spring 2021. 5. 4. 11:13
let formdata = new FormData(); formdata.enctype='multipart/form-data'; formdata.method='post'; formdata.append('data',JSON.stringify(this.bookList)); formdata.append('deleteCount',this.deleteCount); const xhr = new XMLHttpRequest(); xhr.open("post", "/draw/data/updateInfoBookData.do", true); xhr.onreadystatechange = function() { //폴백 if (xhr.readyState == 4) { if (xhr.status == 200) { //200은 잘넘어..
-
[백준 알고리즘] 10870번 python 피보나치 재귀문제카테고리 없음 2021. 3. 31. 21:55
재귀문제에 대표적인 피보나치문제이다 Fn = Fn-1 + Fn-2 (n ≥ 2) 가 핵심이며 3번째수는 전 1번째 수와 2번째 수를 더하고 n은 2이상 존재해야하므로 1또는 0이되면 마지막 노드이며 재귀적으로 전체를 더해주면 피보나치 수열이된다. 아래의 코드를 해석해보면 N이 4일때 import sys def bonacci(N): if(N==1): return 1 elif(N==0): return 0 return bonacci(N-1) + bonacci(N-2) if __name__ == "__main__": N = int(sys.stdin.readline().rstrip()) print(bonacci(N))
-
[백준 알고리즘]10828번 stack 문제 python알고리즘/백준알고리즘 2021. 3. 30. 05:37
리스트를 이용하여 스택을 구현하는 알고리즘인데 input()함수를 사용할경우 시간초과로 틀리는 상황이 발생한다. 그러므로 system에 stdin을 통해 input을 받아주면 시간초과문제는 해결된다. import sys if __name__ == "__main__": N = int(sys.stdin.readline().rstrip()) array = [] for i in range(N): result = sys.stdin.readline().rstrip().split(' ') if(result[0]=='push'): array.append(result[1]) elif(result[0]=='pop'): if(len(array)==0): print(-1) else: print(array.pop()) elif..