모던 JavaScript 튜토리얼을 따라가면서 정리합니다. 2.6. alert, prompt, confirm을 이용한 상호작용 alert 사용자가 확인 버튼을 누를 때까지 메시지를 보여주는 창이 떠있게 된다. 모달창(modal window): 메시지가 있는 작은 창으로, modal이라는 단어에는 페이지 나머지 부분과 상호작용이 불가능하다는 의미...

모던 JavaScript 튜토리얼을 따라가면서 정리합니다. 2.5. 자료형 자바스크립트의 변수는 자료형에 관계없이 모든 데이터일 수 있다. 자바스크립트는 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든지 바뀔 수 있는 “동적 타입(dynamically typed) 언어”이다. 숫자형(number type) 숫자형은 정수 및 부동소수점 ...

모던 JavaScript 튜토리얼을 따라가면서 정리합니다. 2.4. 변수와 상수 대다수 자바스크립트 애플리케이션은 사용자나 서버로부터 입력받은 정보를 처리하는 방식으로 동작한다. 변수는 이러한 정보를 저장하는 용도로 사용된다. 변수(variable) 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소‘이다. let message; // 'mess...

모던 JavaScript 튜토리얼을 따라가면서 정리합니다. 2.3. 엄격 모드 ECMAScript5(ES5)가 등장하기 전인 2009년까지는 기존 기능 변경 없이 새로운 기능이 추가되었다. 새롭게 정의된 ES5에서는 새로운 기능이 추가되고 기존 기능 중 일부가 변경되었다. 기존 기능을 변경하였기 때문에 하위 호환성 문제가 생길 수 있으므로 변경사항...

모던 JavaScript 튜토리얼을 따라가면서 정리합니다. 2.2. 코드 구조 statement 문(statement)은 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미한다. 세미콜론 줄바꿈이 있다면 세미콜론을 생랴가할 수 있다. 자바스크립트는 줄바꿈이 있으면 이를 ‘암시적’ 세미콜론으로 해석한...

모던 JavaScript 튜토리얼을 따라가면서 정리합니다. 2.1. Hello, world! Node.js와 같은 서버 사이드 환경에서 스크립트를 실행하고 싶다면 node my.js와 같은 명령어를 사용하면 된다. script 태그 script 태그를 이용하면 자바스크립트 프로그램을 HTML 문서 어느 곳에나 삽입할 수 있다. 브라우저는 이 태...

문제 현재 프로그램에서는 /notification/list라는 특정 URL로 요청을 보냈을 때 서버가 알림 목록 페이지를 응답해준다. (#62 ) 그러나 UI 프로토타입에 의하면 알림 목록은 별개의 페이지가 아니라, 알림 아이콘을 클릭하였을 때 드롭다운 목록으로 출력되어야 한다. 해결방법 이를 위해서는 프론트단에서 서버로 비동기 요청을 해야 한다...

요구사항 다음과 같은 상황이 발생할 때 당사자에게 알림이 가도록 만든다. 유저 작성 게시글에 댓글이 달릴 경우 유저 작성 댓글에 대댓글이 달릴 경우 타유저가 유저를 팔로할 경우 유저가 뱃지를 획득했을 경우 진행현황 DB 구조 변경: comment, follow, badge 테이블의 PK를 FK를 갖도록 변경한다. Not...

문제 app DispatcherServlet과 admin DispatcherServlet 모두 같은 Mapper 파일을 참조하고 있다. 그리고 Mapper에서는 활성여부를 판단하지 않고 모든 데이터를 select하고 있다. 그러나 app DispatcherServlet의 경우 DB에서 데이터를 가져올 때부터 비활성상태의 게시글, 태그, 유저, 댓글은...

문제 마이페이지 피드에서 게시글 목록을 출력한다. 유저가 팔로우하는 태그를 사용한 게시글이거나, 팔로우하는 유저가 작성한 게시글이여야 한다. 게시글은 최신순으로 출력하고, 중복되어서는 안 된다. 해결방법 SQL에서 피드 목록을 출력할 때의 조건 피드를 출력하기 위해서는 유저가 팔로우하는 태그를 사용하는 게시글 목록을 우선 select 하고, ...