클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

이어서 실습 문제를 더 풀어보겠다.    실습 3 - ES6 arrow function 사용하기    문제 풀기 화살표 함수 표기법으로 변경해 보았다.        실습 4 - ES6 class 사용하기     문제 풀기 프로그래밍 언어처럼 class 객체로 만들어서 코드를 작성했다.       실습 5 - ES6 destructing 사용하기    문제 풀기 destructing을 사용해서 여러 줄 코드를 한 줄 코드로 바꾸어보았다.       학습을 마치고오늘 공부할 분량을 대체로 잘 마친 것 같다. 사실 오늘 아침에 11시에 일어났을 때는 하루를 완전히 망쳤다고 생각했다. 잠도 11시간도 넘게 잤는데 이틀 치 잠을 잔 셈이다. 하지만 끝날 때까지 끝난 것이 아니다는 누군가의 말이 맞았다. 그때부터 ..

2주 차 공부를 시작해 본다. 이번에는 Node.js를 이해하는 여러 다양한 문제들이 제공되어 있다. 놀고 싶은 마음을 뒤로하며 이 공부까지는 그래도 해볼 것이다.    이론 1 - ES6       생산성 향상이라는 것은 작은 기능으로도 많은 기능을 사용할 수 있다는 뜻이다.            백틱을 사용해 변수의 내용의 문자열을 넣거나 개행을 할 수 있다.    화살표 함수를 사용해서 왼쪽에는 변수, 오른쪽에는 할일을 적어 간편하게 만들 수 있다. 익명함수에서 함수 안에 바로 선언이 가능하다.     기존 방식은 생성자 함수와 prototype을 활용했다. ES6 클래스 문법은 더 직관적이고 객체 지향 프로그래밍에 적합하게 개선되었다.                실습 1 - ES6 let, cons..

Node.js를 시작하는 방법에 대해서 배우게 된다. 이론 수업이 끝나면 1주 차의 마지막 미션 문제가 있는데 이것도 풀어볼 것이다.    이론 3 - Node.js 시작하기  Node.js를 사용하려면 설치를 해야 한다. 이것은 굉장히 빠르게 기술이 적용되는데 최신 버전 중에서 안정적인 것을 선택하는 것이 좋다. 이것을 가능하게 하는 것은 LTS 버전이다.         미션 - 용돈 압수  일반적으로 프로그래밍을 하듯이 접근할 수 있다. 문자열이 많이 길어서  + 연산자로 잘라보았다. 이 문제는 split이라는 함수를 사용해서 list 형태로 저장하면 될 것 같다.   문제 풀기 money를 split 문자열로 500원이라는 단어를 쪼갠 후에 변수에 저장하고 이를 콘솔로 출력하면 된다.    실행 결..

이번에는 Node.js가 무엇인지 살펴볼 수 있는 시간이 될 것 같다. 1주 차에는 이론 수업 위주로 진행된다.   이론 2 - Node.js의 특징    한번 실행하고 기다리려면 시간이 걸리므로 하나의 동작을 세 번으로 나누어 한번에 실행하는 것이다.    node.js는 싱글 스레드이다.        비동기가 가능한 이유는 일을 자신이 하지 않고 시키는 방식이기 때문이다. 그렇기에 작업이 끝나기를 기다릴 필요가 없다.      동기 방식에서는 실행하고 완료할 때까지 CPU만 소모되며 낭비된다. 자바스크립트에서는 단일 스레드를 사용하여 이러한 낭비를 줄인다.          결과가 왔을 때 이벤트가 실행된다고 보면 된다.          퀴즈 2 - Node.js의 특징    문제도 잘 풀었다.    ..

오늘 밤부터 Node.js 공부를 시작해보려고 한다. 사실 JDBC 공부를 먼저 하는 것이 좋겠지만 왠지 이 공부부터 하고 싶어졌다. 수업 분량이 많지 않아서 맘 잡고 하루 정도 하면 다 끝낼 수 있을 것 같다.   이론 1 - Node.js 시작하기 이에 따라 고성능의 자바스크립트가 필요하게 되었다. V8 엔진은 크롬 브라우저에서 사용하는 엔진으로 자바스크립트를 좀 더 빠르게 사용할 수 있도록 한다.    이 실행기를 통해 자바스크립트 기반의 다양한 어플리케이션을 만들 수 있게 되었다.     크로스 플렛폼은 윈도우, 리눅스, 맥 등의 다양한 환경에서도 실행이 가능한 것이다.     Node.js는 다양한 환경에서 사용할 수 있는 프로그램이다.    퀴즈 1 - Node.js의 이해     학습을 마치..

남은 두 문제도 JSP 문제이다. 전에 풀 때는 너무 어려워서 풀지 못했는데 지금은 JSP에 대해 어느 정도 이해하고 있으니 충분히 풀 수 있을 것이다.    Web 실기 시험 두 번째 문제 3번다음은 선호도 조사 시스템이다. 아래 조건에 맞게 프로그램을 작성하시오.  (파일명 : input_info.html / result.jsp)  [선호도 조사 시스템 기능]1) input_info.html result.jsp 에서 이름 입력과 좋아하는 과일을 체크하고 전송 버튼을 클릭하여 input_info.html로 post 방식으로 전송하시오.  2) 과일 선택은 여러 개 선택이 가능하며 선택한 과일과 입력한 이름을 표현식을 활용하여 result.jsp에서 출력하시오.  input_info.html   resu..

웹 실기 문제를 풀어보려고 한다. 1번 문제는 전에 내가 풀었던 문제와 같아서 다른 비슷한 문제를 내서 그 문제를 풀어보려고 한다.    Web 실기 시험 첫 번째 문제 1번다음과 같이 웹 페이지를 구현하시오.    이 문제 그대로 풀지 않고 조금 변경해서 코드를 작성해 보았다.   완성된 폼     이런 식으로 회원가입 폼을 작성해 볼 수 있다.    문제 2번 아래 조건에 맞게 프로그램을 작성하시오. googoo.jsp에서 반복문과 table 태그를 활용하여 위와 같이 화면이 나오게 프로그램을 작성하시오.구구단도 표를 좀 더 예쁘게 꾸며서 작성해 보았다.     설명for 반복문 사용첫 번째 반복문 : i는 단(2단~9단)을 의미두 번째 반복문 : j는 각 단의 곱(1~9)을의미.테이블 구조table..

웹 시험의 마지막 문제들을 풀어보려고 한다.    Web 이론 시험 여덟 번째 문제 17번쿠키와 세션을 사용하는 가장 주된 이유와 차이점을 기술하시오. 쿠키와 세션을 사용하는 이유웹은 기본적으로 무상태(stateless) 프로토콜인 HTTP를 사용한다. 이 때문에 클라이언트와 서버 간의 상태 정보를 유지하지 못한다. 이를 해결하기 위해 쿠키와 세션을 사용해 클라이언트의 상태를 관리하고, 사용자별 맞춤 서비스를 제공하는 데 활용한다. 쿠키와 세션의 차이점구분쿠키세션저장 위치클라이언트(브라우저)에 저장됨서버에 저장되고, 클라이언트에는 세션 ID만 저장됨보안성상대적으로 낮음(사용자가 쿠키를 수정하거나 탈취될 가능성 있음)상대적으로 높음(중요 정보는 서버에 저장, 클라이언트에 민감 정보 노출 안 됨)유효 기간설..

이번에도 이론과 함께 실습을 진행해 볼 것이다.     Web 이론 시험 일곱 번째 문제 15번setCharacterEncoding()의 의미를 기술하시오. - request.setCharacterEncoding() : - response.setCharacterEncoding() :   setCharacterEncoding() 메서드는 클라이언트와 서버 간 데이터 전송 시의 문자 인코딩을 설정하는 데 사용된다. 이 메서드는 주로 문자 데이터(예: 한글, 특수 문자 등)가 깨지는 문제를 방지하기 위해 사용된다. 1. request.setCharacterEncoding()의미클라이언트(브라우저)가 서버로 보낸 데이터(요청 파라미터)의 문자 인코딩 방식을 설정폼 데이터나 쿼리 스트링에 포함된 문자가 올바른 인..

조금 전에 그리고 좀 전에도 계속 포트 번호 이상 문제가 발생해서 이 문제에 대한 개발일지를 써보기로 했다. 조금 전에는 어찌어찌 해결을 했는데 이번에는 1시간이 넘도록 해결이 되지 않았다.하나씩 문제의 원인을 찾아가며 드디어 해결했다. 괜히 프로젝트 파일에 있는 서블릿과 HTML 파일을 삭제한 것 같다. 근데 이상하게도 비주얼 코드로 플라스크 작업을 하면 꼭 오류가 발생한다. 이번에는 프로그램을 꺼도 문제가 계속 발생했다.    톰캣 서버 사용 중 서버 작동이 안될 때   위 오류 메시지("Server Tomcat v9.0 Server at localhost failed to start")는 Tomcat 서버가 시작되지 못했다는 것을 의미한다.  포트 충돌 문제원인Tomcat이 사용하려는 기본 포트(8..