내가 프로젝트를 시작한지 일주일 되었는데 글을 이제서야 쓰는 이유는...? 이 작업만 거의 일주일이 걸렸기 때문이다...ㅎㅎㅎ Open API를 가져다 써본 경험이 없어서 처음이었고 + 보통 JSON 형식이던데 KOPIS API는 XML형식이라 파싱하는 것부터 애를 먹었다ㅠㅠ 그리고 DB 넣는 거!!! 이게 너무너무 어려웠다... 하고 나니 간단한데... 암튼 구글링을 했을 때 정보가 부족하다는 생각이 들어서 이것부터 정리를 해보려고 한다. 🤍XML 형식의 Open API 데이터 JSON 형식으로 파싱하기 1. 가장 먼저 Open API를 사용하기 위해 필요한 서비스키를 신청한다. 이 과정은 간단하기 때문에 생략. 2. 그다음으로 사이트에 개발에 필요한 가이드라인이 올라와 있다. 나는 뮤지컬 목록을 불러..

개인 공부 + 이직 위해 미니프로젝트 해보기!! 시작한지 일주일정도 됐고 뒤늦게 블로그에 차근차근 정리해보기로 한다. 학원 스터디원들과 해본 것 말고 혼자서 처음부터 끝까지 다 해보는 것은 처음인데 혼자 하니까 확실히 공부는 많이 되는 것 같다. 💡 프로젝트 소개 뮤지컬을 기반으로 한 커뮤니티 사이트 구축 뮤지컬의 대중적인 인지도가 높아지고 있는 반면에 뮤지컬 팬들이 자유롭게 소통할 수 있는 커뮤니티 사이트는 아직 마련되어 있지 않음. 👩‍💻 작업 목표물 (아직 경험이 없는) Open API 가져와서 쓰기 -> 신청, XML JSON 파싱, DB까지 넣기 뮤지컬 목록 출력 로그인, 회원가입 뮤지컬 평점 회원 게시판 💡 개발 환경 Java 11 IntelliJ SpringBoot + Thymeleaf My..

웹 소캣 HTML5에 새로 추가된 스펙 실시간 양방향 데이터 전송을 위한 기술, HTTP와 다르게 WS라는 프로토콜을 사용함. SocketIO 웹 소캣을 편리하게 사용할 수 있도록 도와주는 라이브러리 실시간 경매 시스템 만들기 1. npm init / package.json 파일 작성 2. 사용자 모델, 제품 모델, 경매 모델 구성 user.js auction.js good.js DB에도 테이블이 생성되었다. 3. 로그인, 미들웨어 라우터 생성, 프론트 코드 작성(생략) 4. 서버센트 이벤트 사용하기 온라인 경매이므로 모든 사람이 같은 시간에 경매가 종료되어야함. 모든 사람에게 같은 시간이 표시되어야함. =>서버센트 이벤트를 사용해 시간을 받아오기(주기적으로 서버 시간 조회하는 경우 양방향 통신 불필요)..

🤍익스프레스로 SNS 서비스 만들기 앞서 배운 내용들을 바탕으로 로그인, 이미지 업로드, 게시글 작성, 해시태그 검색, 팔로잉 등의 기능이 있는 실제 웹 서비스 제작해보기. 프로젝트 구조 갖추기 1. nodebird 폴더 만든 후 package.json 생성 2. 템플릿 파일 넣을 views 폴더, 라우터 넣을 routes 폴더, 정적 파일 넣을 public 폴더 생성. 3. 프론트단 html 작성 {% extends 'layout.html' %} {% block content %} 이메일 닉네임 비밀번호 회원가입 {% endblock %} {% block script %} {% endblock %} {% extends 'layout.html' %} {% block content %} {% if user..

📝뷰(Vue.js) 미니 프로젝트 Todo List App 만들기 1. 프로젝트 생성 vue create todo 2. 기본 디렉토리에 있는 HelloWorld 컴포넌트 지우고, index.html에 부트스트랩 CDN 추가 3. App.vue 코드 작성 Todo App