edwith13 Todo-list 프로젝트 기획서 **이 프로젝트는 edwith 강의 풀스택 개발자 2주차, to-do list구현하기를 개인적으로 진행한 내용을 올립니다. ** 1. 프로젝트 소개 2개의 웹 화면이 존재한다. 하나는 메인화면. 세가지 상태(Todo, Doing, Done)으로 할일 목록을 표시한다. 우측 상단의 버튼을 누르면 아래의 할일 등록 페이지로 이동한다. 할일 등록 페이지는 아래와 같다. 2. 기술 요구사항 웹프론트엔드 기술요구사항총 2개의 화면이 존재합니다.- 할 일 목록 화면 (리스트)- 할 일 등록 화면 (쓰기)CSS는 기획서와 동일한 수준으로 만들어야 합니다.따라서 HTML 엘리먼트간의 배치와 간격은 일정하고 반듯해야 합니다.글자의 크기는 일정한 수준을 유지합니다.CSS는 외부 라이브러리(부트스트랩)을 사용하지 않습니다... 2018. 7. 13. 14. Event Event 브라우저에는 많은 이벤트가 발생합니다. 브라우저 화면의 크기를 마우스로 조절할 때도, 스크롤을 할 때도, 마우스로 이동하거나 무언가를 선택할 때도 이벤트가 발생합니다. 이벤트를 브라우저가 발생시켜주니, 우리는 그때 어떤 일을 하라고 할 일을 등록할 수가 있습니다. 다시 말해, HTML엘리먼트별로 어떤 이벤트(주로 키보드나 마우스 관련)가 발생했을 때 특정 행위를(어떤 일) 하고 싶다면, 대상엘리먼트를 찾고 어떤 일을 등록하면 된다.그것을 자바스크립트로 구현할 수 있습니다. 이벤트 등록방법 addEventListener함수를 이용합니다. 예시 : console을 확인하려면 codepen에서 확인. or 오른쪽 클릭 개발자도구에서 콘솔에서 확인가능 event type에는 어떤 것들이 있나요? 마우.. 2018. 7. 9. 11. 자바스크립트 기초 : 변수, 조건문, 반복문, 함수 자바스크립트의 버전은 ECMA Script의 버전에 따라 결정된다. 현재는 ES 6버전을 표준으로 사용 중. 변수 표시 var, let, const의 형태로 변수를 표시할 수 있다.var : function-scoped , let/const : block-scoped 참고 자료. by LeoHeo님 //다양한 변수 지정방법 var a = 2; var a = "aaa"; var a = 'aaa'; var a = true; var a = []; var a = {}; var a = undefined; //or연산자 활용 var name = ""; var result = name || "codesquad"; console.log(result); //결과는 codesquad //삼항연산자 활용 const data.. 2018. 7. 3. 10. 서블릿 생명주기 (Servlet Life Cycle)와 request, response 서블릿을 생성하고 init, service,destroy메서드를 자동생성한다. 아래처럼 코드를 수정해본다. package exam; import java.io.IOException; import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/LifeCycleServlet") public class.. 2018. 6. 25. 이전 1 2 3 4 다음
