본문 바로가기

전체 글

 (394)
20230913 _[73일차]_01. Vue 맛보기2 * vs code 정렬 단축키 : shift + alt + F components 에 BoardVue.vue 파일 생성 * 파일이름주의 * 이름을 수정해도 계속 에러가 난다면 그냥 껐다가(ctrl + c) 다시 실행한다. 게시판 형태의 table 을 넣어본다. 번호 제목 글쓴이 날짜 읽음 {{ n.boardNo }} {{ n.title }} {{ n.writer }} {{ n.date }} {{ n.read }} export default {}; App.vue에서 연결해주면 스타일 적용해보면 아래처럼 뜬다. 이제 가운데의 script 부분에 데이터를 넣어줄예정 export default { data() { return { } }, }; 이렇게 넣어준걸 for문으로 불러와보자. export default ..
20230912 _[72일차]_01. Vue 맛보기 Vue 는 현재 version 3까지 나와있고 우리가 배울 버전도 3다. 책 읽어보기 & pdf파일 용어 참고 두개 차이점 찾아보기 javascript : ECMAScript 사양을 준수하는 범용 스크립트 언어 ECMAScript : ECMA International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어 SPA 싱글 페이지 애플리케이션(Single-page application, SPA) : 하나의 HTML 페이지와 애플리케이션 실행에 필요한 JavaScript와 CSS 같은 모든 자산 을 로드하는 애플리케이션 MPA 멀티 페이지 애플리케이션(Multi-page application, MPA) : 클라이언트 요청이 들어오면 서버에 저장된 html을 골라 전송..
20230907 _[69일차]_01. MongoDB 사용해보기 몽고DB _ NOSQL https://www.scylladb.com/glossary/nosql-design-principles/ NoSQL Design Principles Learn the definition of NoSQL design principles and get answers to FAQs regarding: What are NoSQL base design principles vs ACID, how do you design NoSQL schema & more. www.scylladb.com 다운로드 받자. Download MongoDB Community Server | MongoDB 우리가 사용해볼건 아래꺼다. MongoDB Atlas란? (원격 DB가 생성된다.) _ 계정생성 및 설치방법 자세..
[팀플] DongneBook_ 로그인구현 (네이버) phyho0228@naver.com 네이버계정생성 로그인 방식 오픈 API 호출 예 다음은 네이버 회원 프로필을 조회하는 API를 호출하는 코드를 Java로 작성한 예입니다. 네이버 로그인해서 획득한 접근 토큰을 요청 헤더에 추가해 프로필 조회 API를 RESTful API 방식으로 호출합니다. 반환받은 결괏값은 JSON 형식으로 출력합니다. [ 네이버 정보동의 URL 형식 ] https://nid.naver.com/oauth2.0/authorize?client_id=***(보안주의)****&redirect_uri=http://localhost/login/naver&response_type=code [ LoginController ] 컨트롤러에서 위 URL의 code를 잡아서 아래로 넘어간다. // 네이..
20230905 _[67일차]_01. 파이썬 파이썬 버전 확인은 python -V 라는데 왜 그냥 쳐도 버전이 나오지? 다시보기.. 정처기기출 * 참고 * 현업에서는 service를 아래처럼 나눠서 사용한다. 이유는...? 서비스는 interface로 사용 실질적인 기능 구현은 여기에서 한다. 서비스와는 이름으로 연결 @Resource (name = " ")
20230904 _[66일차]_01. 파이썬 맛보기 파이썬 _ 귀도 반 로섬 2.7 3.0 문법차이가 크다. https://www.python.org/ Welcome to Python.org The official home of the Python Programming Language www.python.org 다운로드 받자. 다운로드 완료 후 실행하면 아래의 창이 뜨는데 Add python.exe to PATH 체크해주기 IDLE 실행하면 아래의 창이 뜨는데 여기에 코드를 작성해주면 된다. 문자열 출력 pring (" ") / pring (' ') 코딩의 시작, TCP School 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 파이선은 코드가 아주 간결하다. 대신 ..
[팀플] DongneBook_ 로그인구현 (카카오) https://notspoon.tistory.com/47 구글 로그인 쉽게 구현하기 3편 - 로그인 구현하기 (SpringBoot + Vue.js) 로그인 처리 플로우는 아래와 같다. 인가 코드 받기 -> 토큰 받기 -> 사용자 정보 가져오기 해당 글에서는 인가 코드 받기는 클라이언트 페이지에서, 토큰 받기와 사용자 정보 가져오기는 서버에 notspoon.tistory.com 아이디저장 자동로그인(아이디 & 비밀번호 저장) 시간남으면 해볼것 > 비밀번호노출 변환 > 로그인창에 베스트셀러 이미지 띄우기 (랜덤으로) [ 카카오 로그인 연동 ] 1. 클라이언트 쪽에서 로그인을 한다 2. 카카오 서버는 redirect url로 code를 전달해준다 3,4. code를 이용하여 access_token을 발급받는다..
20230901 _[65일차]_01. JPA 마무리 오류페이지 설정 application.properties 에 오류설정을 위한 설정 추가 저번에 안됐었던 부분 맨위의 web부터 빼줘야 한단다. 그러면서 aug31_JPA 프로젝트 대거수정 Service 를 다시 사용해줬다 Member 쪽 코드 먼저 살펴보자 Lombok 라이브러리에서 제공되는 어노테이션 @NoArgsConstructor : 클래스의 기본생성자 자동생성, JPA에서 Entity 클래스를 작성할 때 많이 사용 @Builder : 주로 불변(immutable) 객체를 생성할 때 유용 @Data @Column(nullable = false, name="mpw") => 공백이면 안된다. (Not null) private String mpw; 날짜는 String -- > LocalDateTime (..

티스토리툴바