IT업계 종사자의 블로그

[Project H4C] 3. JavaScript 콘솔 사용법 2편에서 저장한 html파일을 열어서 개발자 모드로 들어가보자. (단축키 Command+Option+I) 콘솔 클릭 후 alert('Hello world'); 라고 코딩 후 엔터를 누르면 텍스트에디터의 자바스크립트 내용을 console.log('Hello world'); 라고 바꾸고 실행시켜주면 콘솔창에 Hello world 가 뜨게 된다.

[Project H4C] 2. JavaScript 코드작성과 실행 MacOS의 텍스트편집기(text Edit)를 켜서 포맷 - '일반텍스트 만들기'를 선택하고, 위와 같이 코드를 입력한다. (자바스크립트 부분은 사이에 있는 빨간박스 부분이다. ) 저장시 html 확장자로 저장한다. ("파일명.html" 이렇게 html 붙여서 저장하기) 그리고 크롬을 켠 후, 단축키 "command+O"를 눌러서 금방 저장했던 html 파일을 열면

[Project H4C] 1. JavaScript 란? JavaScript 란? 웹브라우저로 분류되는 소프트웨어들을 프로그래밍적으로 제어하기 위한 언어이다 (Client-side Script) 여기서 프로그래밍적인 제어란? JavaScript의 예시(빨간 괄호 부분): 버튼을 눌렀을 때 경고창이 뜨게 한다(브라우저를 프로그래밍 적으로 제어하는 것) 즉, 브라우저가 가지고 있는 "경고창"이라고 하는 기능을 코드를 통해서 제어하게 되는 것. 요즘 JavaScript를 사용하는 흐름 👉탈웹브라우저 자바스크립트가 단순히 웹브라우저만 제어하는 용도로 사용되는 것이 아니다. 어떤 다른 용도로 사용될까? 웹서버를 동작하기 위한 자바스크립트 활용(Sever-side Script) 대표적인 기술로 Node.js 가 있다..

[Project H4C] 7. 접속 회원 세션 관리 session 이란? 현재 접속한 회원들에게 할당해주는 고유의 아이디 loginAction 값에 session 값을 추가해 준다. (로그인을 성공한 회원들에게 session 값을 주는 것) joinAction 값에 session 값을 추가해 준다. session 값을 할당 해제하는 페이지: 로그아웃 페이지 logoutAction.jsp를 만들어서 session값이 해제되고 메인 페이지로 돌아가는 코딩을 추가한다. loginAction.jsp 퍄일에서 userID변수가 자신에게 할당된 session ID를 담을 수 있게 한다 로그인한 사람은 또다시 로그인할 수 없게 막아준다. index.jsp 파일에서 메인페이지의 경로를 main.jsp 로 바꿔준다.

[Project H4C] 6. 회원가입 기능 구현하기 UserDAO 파일에 회원가입을 할 수 있는 함수를 추가한다. (아이디, 비밀번호, 이름, 성별, 이메일 이렇게 5개 항목을 받게 세팅한다) loginAction.jsp 파일을 복사하여 joinAction.jsp 파일을 만들어 준다. 각각의 변수들(아이디,비번,이름,성별,이메일)을 다 입력 받아서 만들어진 하나의 user라는 인스턴스(6행)가 join 함수(29행)를 수행하도록 매개변수로 들어간다.

[Project H4C] 5. 회원가입 페이지 만들기 login.jsp 파일을 복사해서 join.jsp 파일을 만들어 준다. nav 부분은 그대로 두고 제목 "회원가입 화면"부터 위 코딩처럼 수정해준다. (이름, 성별, 이메일 항목이 각각 추가되었다)

[Project H4C] 4. JSP게시판, 로그인 기능 구현하기 (3편에서 이어짐) user 패키지 안에 UserDAO.java를 만들어준다. UserDAO.java 내용은 다음과 같다. 너무 어렵다...ㅋ 흐규 다음으로 로그인 작업 과정을 처리해줄 loginAtion.jsp 파일을 만들어 준다. loginAtion.jsp 파일의 내용은 다음과 같다. jsp를 연결할 수 있는 드라이브를 설치한다. 구글에 mysql jdbc driver 검색 (동영상 강의 10:35분 참조)

[Project H4C] 3. JSP게시판, 회원 데이터베이스 구축하기 맥에 My SQL을 깔아 보자. 다 깔았다... 터미널로 MySQL을 연결시킨다. https://blog.naver.com/aki_sue/221425995202 맥 OS에서 My SQL 설치하는 방법 Written by 황책임​​ Database에 대한 학습을 진행하기 위해서는 데이터베이스 클라이언트 프로그램 설... blog.naver.com 그 다음에는 동영상(3:53) 내용을 따라 데이터베이스를 만들어준다. https://www.youtube.com/watch?v=kN8xRG6UPZM&list=PLRx0vPvlEmdAZv_okJzox5wj2gG_fNh_6&index=3 짠..! 그 다음에 이클립스에 새로운 패키지 생성 후 변수 ..

[Project H4C] 2. JSP게시판 - 로그인 페이지 만들기 index 페이지에 들어가게 되면 로그인을 해야 하는 웹어플리케이션을 만들어보자. 우선 부분에 라고 추가해준다. 자 이제 저 'login.jsp' 페이지를 만들어 볼까나? login.jsp 파일을 만든다. 주로 디자인을 완성하고 거기에 해당되는 기능을 입히는게 순서이다. 디자인부터 시작해보자. bootstrap 사이트에 들어가서 다운을 받는다. https://getbootstrap.com/docs/3.3/getting-started/#download Getting started · Bootstrap Bootstrap is downloadable in two forms, within which you'll find the following..

[Project H4C] 1. JSP게시판 만들기를 위한 준비사항 (JDK, Tomcat, ECLIPSE 다운받기) JSP 게시판을 만들어 보자. 그 전에 준비물이 있다. 1. JDK 2. Tomcat(톰캣) 3. ECLIPSE(이클립스) 이 세가지를 깔아 보자(Mac 기준) 1. JDK 다운 받기 https://www.oracle.com/kr/java/technologies/javase/javase-jdk8-downloads.html 터미널을 실행시켜서 java -version 라고 치면 맥북에 깔린 java 프로그램의 버전이 뜬다. 2. Tomcat(톰캣) 다운 받기 http://tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® soft..