웹&앱 개발77 프로젝트 참고용 - 사진 옆으로 넘기기 https://bootstrapmade.com/demo/Selecao/ Selecao Bootstrap Template Demo bootstrapmade.com 2021. 7. 23. 부트스트랩 https://bootstrapmade.com/ Free Bootstrap Themes and Website Templates | BootstrapMade At BootstrapMade, we create beautiful website templates using Bootstrap, the most popular front-end framework for developing responsive, mobile first websites. All of our bootstrap templates are created with care, fully responsive and cross-browser compati bootstrapmade.com 2021. 7. 23. 25일차 react -삼항연산자(if문), map(for문) 디자인을 가진 자바스크립트 파일-컴포넌트- 이름 앞글자를 대문자로! App.js 노마드 코더!!!!!!! 강의 svg는 벡터 이미지 운영체제 공부! medium.com 이라는 블로그!!! 를 통해서 현재 기술 동향 파악 https://medium.com/m/signin Medium medium.com 카멜 표기법 파스칼 표기법 - JsxTest.js reactjs code snippet 이라는 플러그인이 저런 자동완성을 지원해준다 서드파트 라이브러리!! 리액트는 리턴시, 하나의 태그만 리턴할 수 있다!!!!! 위에는 잘못된 표현!!! 다시 고치면 아래처럼 if문은 표현식이 아니라서 어떤 값을 return하는 거라서 다음과 같은 코딩은 불가능 대신 삼항 연산자는 표현식이다!!!!! 조건이 맞으면 얘를 출력.. 2021. 7. 23. 24일차 react 이론/프로젝트 설치/npm start react https://blog.naver.com/getinthere getinthere님의블로그 : 네이버 블로그 당신의 모든 기록을 담는 공간 blog.naver.com 1. node 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. vscode 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debuggin.. 2021. 7. 22. 23일차 - VS code설치 및 spring boot 프로젝트 설정 https://blog.naver.com/getinthere/222435337491 1. 환경 설정 1. Windows 2. JDK 11.0.1 https://jdk.java.net/archive/ 설치 위치 환경변수 잡기 3. VSCODE ... blog.naver.com 2. JDK 11.0.1 https://jdk.java.net/archive/ Archived OpenJDK GA Releases Archived OpenJDK General-Availability Releases This page is an archive of previously released builds of the JDK licensed under the GNU General Public License, version 2, w.. 2021. 7. 21. 22일차 댓글 저장해서 페이지에 띄우기, Exception처리 https://blogpack.tistory.com/670 DOM 노드의 생성, 수정, 삭제 기초 자바스크립트를 사용하면 DOM 의 모든 노드들을 생성, 수정, 삭제, 복사, 이동 할 수 있습니다. DOM 노드를 제어하는데 필요한 모든 속성과 메서드를 제공하기 때문에 메서드와 속성의 갯수가 많기 blogpack.tistory.com 댓글 추가하려면???? 테스트-> value로 값을 가져올수 있다 함수를 변수화해보기 detail페이지 참고> validation체크! ▶이제 detail.jsp에 있는 자바스크립트 코드를 따로 파일 만들어서 분리하자!!! detail.jsp 수정 삭제 글 번호 : ${postEntity.id} 작성자 : ${postEntity.user.username} ${postEntit.. 2021. 7. 20. 21일차 댓글(comment) 도메인, 함수 생성 애자일 JSESSIONID를 줌 로그인폼으로 옮겨지면??? 쿠키값을 가지고 간다(안드로이드에서는 직접 해줘야함/브라우저에서는 자동으로 해줌) Referer : 이전페이지 알려줌 strict-origin-when-cross-origin :자바스크립트 요청 제한 content-type : text/html =>viewResolver가 .jsp파일을 톰켓에서 자바파일 해석해서 html파일로 돌려준다 User-Agent 여기에 적힌 브라우저로 접근하는 것만 가능한다(다른 접근을 막는다) ->하지만,,,postman으로 헤더설정 가능 json데이터를 자바스크립트에서 받아서 ok받으면/ 해당 페이지에 document.querySelector로 넣을 곳을 찾아서 정보를 넣으면 된다!!!!!!!!!! 기존 그림에 새 .. 2021. 7. 19. 20일차 session, 보안3요소,암호화방식 session이란?? 인증 session의 한계와 단점은? 클라이언트1이 있다(을) 그리고 데이터를 들고 있는 서버가 있다(갑) http통신이니까 데이터 요청하고 응답하면 서버는 통신을 끊는다. stateless 소켓통신은 statefull이다. 갑을관계가 없다. 서로 push한다. 전화처럼!소켓은 양 끝단에 포트를 달고 통신 그래서 소켓통신은 선을 안끊으니까 인증을 할 필요가 없다. 즉 세션이 필요없다. 그렇다면, stateless통신을 하는 이유는??? 클라이언트1이 내가 어떤 브라우저로 요청했고 내 아이피는 뭔지 등등 요청할때 많은 정보를 가지고 요청한다. 로그인페이지 요청한다면? 만약 정상적인 접근이 아니라면,,서버 입장에서는 request의 http 헤더 정보를 읽고 막을수도 있고 안막을수도 있.. 2021. 7. 16. 19일차 1) 데이터가 많으면? form에 접근해서 한번에 들고오는 방법 - 데이터가 많을때 사용하기도 하고,,, serialize()를 사용해서 데이터 가져오는데 가져온 데이터가 x-www-form 이고 이걸 다시 json으로 바꾸는 코드가 필요해서 굳이 필요없다. 지금은 react를 사용해서 굳이 이 방법은 알 필요없다. 2) 데이터가 적으면? id를 하나씩 다 걸어줘서 들고오는 방법 form태그에 onsubmit을 넣으면? 먼저 onsubmit을 실행하고 return이 true이면? action실행! 이런거 언제 실행하나??? password와 password확인 비교하거나 id가 너무 길지 않은지 검사하는 용도로!!! 지금은???? put하려고 사용한다!!!!!!!!!!!!!!!!!!!!!! 그러면! ac.. 2021. 7. 15. 이전 1 2 3 4 5 6 ··· 9 다음
