전체 글77 instagram 프로젝트(1) 프로젝트 설정은 다음과 같이 한다. application.yml server: port: 8080 servlet: context-path: / encoding: charset: UTF-8 spring: mvc: view: prefix: /WEB-INF/views/ suffix: .jsp output: ansi: enabled: always datasource: driver-class-name: com.mysql.cj.jdbc.Driver username: insta password: insta1234 url: jdbc:mysql://localhost:3306/insta?serverTimezone=Asia/Seoul jpa: open-in-view: false hibernate: ddl-auto: crea.. 2021. 8. 23. 스타벅스 프로젝트 - frontend(1) 7/25~8/1 1. 메인 페이지 결과 https://youtu.be/w67mwqkQdS8 1) UI설계 2) 코딩 index.jsp 파일 header와 footer는 따로 페이지 만들어서 include함 로그인, e-Gift Card 선물하기 페이지 이동 a태그 로그인된 사용자이면? (session.principal 값이 있으면) 선물하기 페이지로 이동( "/user/egift" ) ** 로그인 안 된 사용자가 이동하는 페이지는 auth/ 를 앞에 붙여서 경로 mapping ** 로그인 된 사용자가 이동하는 페이지는 user/를 앞에 붙여서 경로 mapping 2021. 8. 20. react id를 안주고 뿌려진 상태 클래스이름만 있는 상태. 클래스 이름을 자동으로 만들어서 부여해준다 리액트는 그림그릴때 상태 배열만 관리한다 4개가 있는데 만약에 3번을 삭제한다면??? 3번자리 애를 날리고 밑에 있는 4번을 위로 올리는게 가장 좋음! 근데...밑에 1000개가 있는데 1000개를 하나씩 위로 올려서 재배치하는 거라면????일이 많아짐.... 그래서! 형태는 그대로 두고! 데이터만 바꿔 끼우는 방식으로 하는게 효율적이다!!!(react 동작 원리) 위에 element들은 각각 고유한 키를 가지고 있다. 아래는 키값이 없다는 의미로 warning이 뜬 상태 컬렉션 데이터들은 고유한 키 값을 부여해준다! App이 상태관리를 들고있고 postItem은 안들고있다!! 통신끄고 잠시 test해보자 10.. 2021. 8. 12. 핵심 개념정리!! 1. 스프링은 다 멀티쓰레드이다!!!!! 스프링은 context switch가 일어난다 Node.js랑 무슨 차이가 있죠????? context switch없이 이벤트 루프에 담아놓았다가 처리하는거! node.js는 내가 강의 중에 누군가가 우유 사오라고 하면? 노트에 적어놓고 우선 쌩깐다. 우선 promise만 해둔다! 나중에 사올께! (비동기) 알겠어 조금있다 사올께! 다른 사람이 화장실에 가서 손 씻고와! 하면??? 노트에 적어놓고 나중에 씻으로 갈께! 하는거 이제 강의 마치고 가는길에 손을 먼저 씻고 우유 사러가면 되는데....노드 js 는 스프링 쓰레는?? 자기의 분신을 만들어서 우유 사오라고 시킨다 이게 멀티쓰레드다. 민수에게 사오라고 시킨다. 민까지 부르고 앞으로 갔다가 다시 뒷걸음 그리고 .. 2021. 8. 9. 프로젝트 진행 참고사이트 https://onecutwook.tistory.com/5 [Spring]체크된 게시물 삭제 처리 로직 Spring 환경에서 게시판에서의 CRUD기능 구현 중 삭제처리를 할 때 하나하나씩 삭제하는 방법도 있지만 checkbox를 통해 다중 삭제를 구현할 상황이 있다. 이때 JSP, Jquery, Ajax, Java에서의 처리 방법을 onecutwook.tistory.com https://lcs1245.tistory.com/4 기본 SQL Query문 정리 ( SELECT, INSERT, UPDATE, DELETE ) 데이터베이스와 연동하는 프로그램을 구현할 때 쓰게 되는 SQL Query문 들에 대해 포스팅하려 합니다 어렵지 않은 내용인데 헷갈려서 포스팅으로 정리하려고 합니다 1. SELECT - 가장 .. 2021. 8. 9. react 그림 그리고 데이터 넘기기 위에 그림을 map을 사용해서 뿌려보자 자식인(import한) PostItem.js에게 데이터를 전달한다!! props안에 post 오브젝트가 하나하나 들어있다!!! 이제는 추가, 삭제 버튼을 넣어보자!!! Button을 컴포넌트로 만들어서 공통적으로 넣을수 있도록하자! 문법 참고!!!!!!! https://styled-components.com/docs/basics#passed-props styled-components: Basics Get Started with styled-components basics. styled-components.com 추가버튼 동작하게 하기 ...data란???? 배열 안의 요소를 흩뿌리는 연산자!! 그래서 post를 추가하기 위해서 이 전개 연산자를 활용한다!! 콘솔에서.. 2021. 8. 6. react - style-components/props변수에 값 넣어 전달해서 그리기 서드파트 npm install --save styled-components 기본설정가기 위에 설정하면?? 코드 정렬 안된 상태에서 저장누르면 자동 정렬된다!!!!!!!! https://blog.naver.com/getinthere/222095952282 react 1강 - 설치하기 1. node 설치 https://nodejs.org/ko/ 2. vscode 설치 https://code.visualstudio.com/ 3. 확장 설치 프로... blog.naver.com rsf 치고 엔터!!!!!!!!! 이제 코드를 분리해보자 test폴더에 Center.js라는 파일 만들기 2021. 8. 5. react 문법 {users.map(user=>hello {user.username})} map을 표현할떄에는 중괄호로 전체를 먼저 감싼다. return문은 html코드와 그안에 자바스크립트 코드(중괄호 사용해서)를 넣어주면 됨 =============================여기까지 복습================================= hello라는 함수 이름 필요없어서 지운다=> 익명함수!!! function이라는 글자도 지운다 => 화살표함수로 대체! 버튼 클릭했을때!작동하게 해야한다. 여러줄 적을거 아니면??? add()감싸고 있는 중괄호 없애도 된다! return문 안에가 바뀌어야 그림을 다시 그려준다!!!!!!!!! return문안에 바뀐 한 줄이 있다면?? 변경된 그 부분만 그려준다(react.. 2021. 8. 5. react 문법 {users.map(user=>hello {user.username})} map을 표현할떄에는 중괄호로 전체를 먼저 감싼다. return문은 html코드와 그안에 자바스크립트 코드(중괄호 사용해서)를 넣어주면 됨 =============================여기까지 복습================================= hello라는 함수 이름 필요없어서 지운다=> 익명함수!!! function이라는 글자도 지운다 => 화살표함수로 대체! 버튼 클릭했을때!작동하게 해야한다. 여러줄 적을거 아니면??? add()감싸고 있는 중괄호 없애도 된다! return문 안에가 바뀌어야 그림을 다시 그려준다!!!!!!!!! return문안에 바뀐 한 줄이 있다면?? 변경된 그 부분만 그려준다(react.. 2021. 8. 4. 이전 1 2 3 4 ··· 9 다음
