모-코드

I. 선택상자 (10) 학습목표 사용자의 입력에서 radio 버튼과 checkbox 버튼의 차이점과 각 버튼들의 사용방법에 대해서 알아보자. Radio 버튼을 배타적으로 선택할 수 있도록 만들기 Checkbox 버튼을 통해서 다중 선택된 값을 입력 받기 1. Radio 버튼의 입력 값 다루기(38) 전달되는 데이터 취미 중에서 하나가 전달되어야하는데 그냥 선택되었다 on여부만 전달된다 무엇을 선택했는지를 알아야함 그래서 name에다가 value를 넣어준다. 그러면 주소에다가 그 value가 간다 독서 등산 으로 간다 가장 좋아하는 취미 독서 걷기 등산 그러나 실제로 전달은 식별자로 간다 가장 좋아하는 취미 독서 걷기 등산 2. 다중 선택을 위한 태그와 값의 전달방식(39) (1) 다중선택 이번에는 가장이..

I. 프로젝트 피드백 관련 출근했다는 증명은 어떻게? : GPS / WIFI 직원 부분에서 애매한 부분 - 근무 선택 -> 원격 근무 선택하면 어떻게 되는건지? -> 출근 한 다음에 원격 근무, 출장 설정이 맞는지? ( 출근 전에 해야하는게 아닌지?) --> ( 내 생각 ) 그날 근무 형태가 어땠는지 기록하는거 아닐까 --> 근무 '선택' 이란 워딩보다는 다른 워딩을 쓰는게 좋을 것 같다. ( 내 생각 근무형태?) 로그인한 회원이 쓰는거기때문에 member 가 필요 ( 병렬 구조 ) -> 어차피 다 회원만 사용하는거니까 member 안빼도 된다. db에서 관리자 인증을 하니까 admin페이지를 별도로 안만들고 한 페이지에서만 쓰는것도 가능한데 뭐가 더 나은가? -> 규모가 작은 경우 이런것도 ㄱㅊ -> ..

I. 프로젝트 피드백 --우리 조 -- 1월 27일 피드백 - 하나의 기능만! 디테일하게 -작아도 모든 기능을 때려넣어라. DB도 활용하고 -지각자 몇 분 지각했는지 보는것도 좋지 않을까? -일찍 온 사람은 몇 분 일찍왔는지? ( -- 인권침해? 개인적 생각) **기능 -늦을거 같으면 늦는 사유 넣는 옵션도 있으면 좋지 않을까? -- 다른 조 -- 운영자의 개입은 최소화 해서 생각해보기 플랫폼을 가져도 다른사람이 쓴다는 것은 돈도 힘도 들다 (써달라고해야한다) II. SSR CSR 공부 SSR은 페이지 흰화면에서 다시 나왔다는 페이지가 완전히 새로 고쳐졌다고 의미함 이전 페이지와 다른 새로운 페이지가 만들어진 것임 브라우저는 뷰어로서의 역할이다. 우리가 하는건 클라에서 만들어지는거를 하자고했는데, 아직 ..

I. 서버관련 1. 최근 흐름 최근에 SSR 에서 CSR로 바뀌고 있다 2. 서블릿 톰캣으로 웹서버 띄울수있는데, 톰캣을 엄밀히 말하면 webserver기능이 추가된 WAS이다. (1) 퀴즈: 1) WAS 와 WS(web server) 차이? 2) 서블릿(서버 어플리케이션 let)의 의미 서버 어플리케이션을 조각? 단위로 개발하게 된다고 했는데, 이것을 실행하는 유도하는 주체 누구? 실제로 실행 담담하는 주체 누구?? 이것이 실행되는 흐름?은 어떻게 되는지? (2) 해설 1) WAS 는 동적웹 / WS 정적앱 was 는 서블릿기능가지고있지않음, 톰캣이 가지고 있음 톰캣이 웹서버 가지고있음 get reauest 할때 그냥 정적으로 실행해야하는건 was(어플 실행해주는 : 실행환경), 실행하는것이 문서이고 ..

I. 프로젝트 관련 1. 시스템 1) 기획 분석을 구분하는게 좋음 기획은 없는 것을/ 분석은 있는 것을 전산화하는 방식으로 2) SI 에서 시스템이란? 체계란 한단어에서 시스템이 있다 없다에서 예컨데 회사에서 처음에는 특정 한명이 물품구매 해줌. 그러나 이후에 한명이 특정기간에만 해주는 등으로 물품구매시스템을 만든다. 이후에 사람이 더필요해서 구인시스템이 만들어진다. 어떤 것을 목적으로 할때, 그 목적으로 실행하는 절차, 역할자가 있다. 이런것이 시스템되어있다고 하려면 복합적인 행위들이 체계적일 때 시스템을 갖추었다고 한다. 우리가 무엇을 할 때 하고자하는 것의 기능,역할,흐름이 하나로 융합된것을 시스템이라고한다 전산화 이전에는 이러한 문제점이 있다. 이러한 물품구매, 구인 등의 시스템을 회사는 전산화 ..

프로젝트 회고로 갈음 게임 미니프로젝트 회고 바로가기

I. 작성취지 목적 : 이번에 만든 게임프로젝트에서 이벤트리스너 및 핸들러 방식으로 만들지 않은 것이 무엇인지 찾고, 리팩토링 해보기 II. 비동기적 자바스크립트 1. 비동기적 프로그래밍 What (정의) : 기존의 작업이 끝나지않고 실행되는 동안에도, 다른 이벤트에 응답할 수있게 하는 기술 Why (존재이유) : 동기적 프로그래밍에서는 작업량이 큰 작업(장기실행 동기함수)이 있는 경우 다른 작업을 하기위해서는 이전 작업이 끝나고 난 뒤에 가능하다. How (방법) : 이벤트리스너와 이벤트 핸들러를 이용한다. 그리고 콜백함수 e.g. (예) : 2. 이벤트 처리기 (이벤트핸들러 / 함수) What (정의) : 이벤트가 발생한 경우 이벤트리스너가 호출하는 함수를 의미한다. 즉 비동기호출함수이다. Why (..

I. 웹소켓 해보기 MDN 웹소켓! web에서 제공하는 api 중에 하나이다. 여기서 소켓이란 A,B 컴퓨터 두곳 간의 정보를 주고 받기위한 최소한의 정보이고 전구도 꽂는 소켓이고(물리적장치), 어떤성분이 있어야 주고받을 수있어야할까? 우편물은 주소, 사서함번'호', 즉 건물이 IP / 건물 안의 SW들 이것이 데이터 받기위한 버퍼(식별자 == 포트번호)가 있어야한다 그래야 API를 보내거나 받을 수 있다 그러나 웹소켓은 두가지 정보가 아니라 세가지이다(웹이라서) IP + port + "URL" 이다 당연히 internet이지만 web이라는 포토로콜로 하기 때문에 웹기반 소켓이라고 하고, 웹의정보,리소스가 추가됨 최근 websocket로 데이터를 주고받는다. 1. 웹소켓 객체 생성 mdn 에 보면 구문에..

I. 게임만들기 1. boy 생명여부 [d boyNoLifeHandler(gameCanvas) => show(ConfirmDlg) clickHandler, => notifyClick => onclick => dlgClickHandler (gameCanvas) => onGameOver (app.js) (1) 여러번 실행되는 boyNoLifeHandler() boyNoLifeHandler(gameCanvas) => show(ConfirmDlg) 캔버스에서는 계속 호출해서 불편하다 한번만 호출하자 1) if(d < r1r2){ enemy.chungdol(); console.log("충돌발생"); //이게 호출할지에 대한 시그널이 필요하다 //이미 이벤트를 발생했는지 여부에 대해서 //life없..

I. INTRO : 프로젝트관련 차근차근 성장을 위해서 하자 II. 게임개발 1. 폭파시키기 폭파는 누가 과연해야하는가? 터지는건 적이 터지는데, 누가 해야하는가? 함수는 시키는 것이다. 터지다는 것 명령어를 함수로 한다. enemy에 터지라고 할 때... 1) 충돌시 폭파 이미지 그리기 export default class Enemy{ constructor(x = 0, y = 0){ // this.img = document.querySelector("#enemy"); // this.imgEplo = document.querySelector("#exposion"); // this.x = x; // this.y = y; // this.speed = 3; // //이 변수에 함수의 참조값이 들어갔는지 // ..