Web/JAVASCRIPT

일단 객체를 리턴해주는 함수를 만들어보자 function makeObject(name,kor,eng){ return { name:name, kor:kor, eng:eng, getTotal:function(){ return this.kor+this.eng }, outPut:function(){ console.log(this.name,this.kor,this.eng,this.getTotal()) } } } 이렇게 makeObject라는 함수를 만들고 const arr = [] arr.push(makeObject('dog',67,5)) arr.push(makeObject('cat',23,6)) arr.push(makeObject('tut',86,4)) arr.push(makeObject('miu',34,1))..

■ 함수의 오버로딩이 안된다. function fun1(){ console.log("1"); } function fun1(a){ console.log("2"); } function fun1(a,b){ console.log("3"); } //가장 마지막에있는것만 살아남는다. 위에잇는 함수 무시 fun1() fun1(10) fun1(10,20) ■ 함수의 매개변수에 디폴트 값을 설정할 수 있다. function fun1(a,b){ console.log(a,b) } fun1() //undefined undefined default call fun1(10) //10 undefined fun1(10,20) //10 20 fun1(10,20,30) //10 20 기본적으로 잘못된 코드이지만 문법적으로 문제없는 것 ..

잡문법ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ prompt() //대화상자 형태의 alert arguments ? const func01= ()=>{ console.log(`func1`);//여기서 argument못씀 } function func02(){ console.log(`func1`,arguments); //arg = 객체 그냥 function에만 argument쓸수있음 } Math함수 console.log(Math.abs(-5)); console.log(Math.sqrt(2)); //루트 console.log(Math.max(10,60)); console.log(Math.min(10,60)); Math함수를 활용한 random값 let num = Math.floor(Math.random()*최대..

자바스크립트의 함수 ■ 함수의 기본 활용 fun01() //얘는 호이스팅 가능해서 함수를 위아래로 쓸수있다 function fun01() { console.log("function 1") } //fun02() //얘는 호이스팅불가해서 선언해야 사용할 수 있다. let fun02 = function () { console.log("function 2") } fun02() const fun03 = () => { //함수는 거의 수정해서 사용하지 않으므로 const를 붙인다. console.log("function 3") } fun03() Hositing : 끌어올리다 ■ 함수의 패턴 //인수전달 없고 리턴이 없다. function fun01() { console.log( "func01" ) } fun01()..

javascript에 대한 문법적 사항을 빠르게 정리하자! ■ console.log console.log(`javascript`); //log snippets //웹에서는 alert를 쓴다. //log : 디버깅 용도 //alert : 경고창 console.log(`4asdfasdfasdf`); console.log(`호랑이`+100);//결과적으로 문자열이다. 문제가 발생할 수 있다. console.log(`호랑이`,100);//사이에 스페이스바가 찍힌다. console.log(1,`asdf`);//식별자 : 어떤 것이 먼저 실행되었는지 (실행순서 구분) console.log(2,`qwer`); console.log(`"히히",'헤헤'`); //걍 서로 교차해서 쓸 경우 가려 써라 근데 난 템플릿 문자..

node.js net module :: net으로 서버 열기 net module socket 전송 제어 프로토콜 TCP를 사용해 원시데이터를 전송. 두가지 형태(server, client)로 존재하며 서버간의 지점 대 지점 통신을 제공. 서버는 연결을 수신, 클라이언트는 서버에 연결을 요청. 이.. ryeom2.tistory.com 지난 게시글에서 net으로 서버를 열었다. 이번에는 client로 간단히 데이터를 주고 바로 끄는 작업을 할 것이다. var net = require('net'); function getConnection(connName){ var client = net.connect({port: 2222, host:'localhost'}, function() { console.log(con..

net module socket 전송 제어 프로토콜 TCP를 사용해 원시데이터를 전송. 두가지 형태(server, client)로 존재하며 서버간의 지점 대 지점 통신을 제공. 서버는 연결을 수신, 클라이언트는 서버에 연결을 요청. 이때 서버와 클라이언트는 유일한 IP주소와 포트 조합을 가져야 한다. node.js의 net module socket은 전송 제어 프로토콜 TCP를 사용해 원시 데이터를 전송. TCP 프로토콜은 데이터를 패키징하고 지점 간 데이터 전송 성공 여부를 보장. net module은 요청을 처리할 TCP 서버 및 요청을 만들 TCP소켓 클라이언트를 위한 Framework를 제공. Server.js var net = require('net'), sockets = []; var serv..

설치하기만 연속이고요^^7 Node.js는 구글(V8)에서 개발한 고성능 자바스크립트 엔진으로 빌드된 Server side 개발용 소프트웨어 플랫폼이다. server side : 네트워크의 한 방식인 client-server 구조에서 server쪽에서 행해지는 처리. 자바스크립트는 기본적으로 웹브라우저(client 측)에서 실행된다. 노드를 활용하면 자바스크립트로 클라이언트(client : front-end)와 서버(server : back-end)를 모두 개발할 수 있다. node.js의 패키지 생태계인 npm(Node Pakaged Manager)은 세계에서 가장 큰 오픈 소스 라이브러리라고 할 수 있다. npm을 활용하여 터미널에서 명령어를 이용해 package.json 파일을 생성하고 작업에 필요..

IntelliJ및 WebStorm을 설치하려고 했지만 Intellij 만료가 6개월 남았다. 과연 장기적으로 오래사용 할 것인가에 대해 고민을 하다가 아닐 것이라 판단되었다. 비용문제가 컷기 때문이다. 고민을 하다가 설치하려고 마음 먹은 것이 VSCode. 이곳저곳 찾아보다가 intelliJ같은 IDE은 JVM을 거치기 때문에 느린데 비해 VSCode는 속도가 빠르며 무료이다. 솔직히 설치법 넘간단한데 걍 쓰는거임.. Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual ..

Asynchronous JavaScript and XML 비동기적으로 서버와 브라우저가 데이터를 주고받는 방식이다. 비동기적? 그럼 동기적은 뭘까?동기적 Synchronous 어떤 작업을 요청했을 때 그 작업이 종료될 때까지 기다린 후 다른 작업을 수행하는 방식.일의 순서가 순차적으로 진행된다. 비동기적 Asynchronous작업을 요청 했을 때 그 작업이 종료 될 때 까지 기다리지 않고 다른 작업을 하고 있다가 요청했던 작업이 종료되면 그에 대한 추가작업을 수행하는 방식.작업을 병렬적으로 처리한다. 예를들어 HTML의 폼을 작성하여 다음 페이지로 넘겨주거나 할 경우 한가지 밖에 수행을 하지 못한다.회원가입창에서 회원가입 완료창으로 넘어가는 하나의 과정을 동기로 처리할 수 있다.비동기는 회원가입 페이지에..

body에 마우스 우클릭을 하면 alert창과 함께 false를 던지는 함수를 주면 됩니다. 1234567891011121314151617181920212223242526 마우스 오른쪽버튼과 내용선택막기 function blockRightClick(){ alert("우클릭ㄴ니니"); return false;}function blockSelect(){ alert("내용니니"); return false;} 마우스 오른쪽버튼과 내용 선택 막기 마우스로 오른쪽버튼을 클릭하거나 그래그해서 내용을선택해보세요 Colored by Color Scriptercs

Middlewareexpress의 핵심 요청과 응답의 중간에 위치해서 middleware라고 합니다. 주로 middleware는 app.use와 함께 사용됩니다. app.use(express.static('public')) 이 부분도 미들웨어에 해당합니다. router이제 router를 만들어 봅시다. router폴더를 새로 만듦니다 그리고 index.js를 만들고 그안에 login폴더와 login.js를 만듭니다. app.js에 다음의 코드를 추가하세요 const router = require('./router/index') /* 중략 */ app.use(router) app.use(router)는 맨 아래쪽에 작성하세요. app.js에 있는 '/' 를 읽는 app.get( ~ )코드를 삭제하고 ind..