과제10301

제작동기. 선린고의 정보보안과에는 다른 학과처럼 다양한 전공 동아리가 있다. 가장 유명한 layer7을 비롯해 ai와 관련된 emotion, 네퓨즈 기타 등등. 그런데, 그중에 다소 애매한 위치의 동아리가 하나 있다. UNIFOX. 정보보안과에 있으면서 최초로 동아리가 만들어졌을 때는 아예 운영체재 동아리였던 되다가. 지금은 코딩 전문 동아리로 노선을 틀려고 시도 중인. 다른 동아리가 자기 동아리는 무엇을 하는 동아리다라고 당당히 말할 때 할말이 없어 조용히 있는 상황이 나는 안타까웠다. 우리 동아리도 해킹도 하고, 네트워크도 하고, 웹도 할 수 있는데! 그걸 알아주는 사람이 없다는 사실이 안타까웠다. 그래서, 다소 맞지 않지만. 특별한 도전을 해보고자 했다. 학교에서도 배워본적 없고, 동아리에서도 개념..

MySQL 명령어는 소문자로 써도 무관하다. DATABASE는 안에 TABLE를 여럿 생성할 수 있다. 자료형 : 정수 INT(M), INTEGER(M) , 문자 VARCHAR(M) SHOW DATABASE; 데이터베이스의 목록을 확인할 수 있다. CREATE DATABASE 데이터베이스명; 데이터베이스를 생성한다. USE 데이터베이스명; 워놔는 데이터베이스를 사용한다. DROP DATABASE 데이터베이스명; 데이터베이스를 삭제할 수 있다. SHOW TABLES; 테이블의 목록을 확인할 수 있다. CREATE TABLE 테이블명( 컬럼명1 자료형(크기) NOT NULL 컬럼명2 자료형(크기) NOT NULL, 컬럼명3 자료형(크기) ); 태이블을 생성한다. DROP TABLE 테이블명; 테이블을 삭제할..

const express = require('express'); const app = express(); const port = 3001; app.get('/', (req,res) => { res.send('Hello Unifox'); }) app.get('/about', (req,res) => { res.send('저는 (이름)입니다.'); }) app.listen(port, () => { console.log(`서버가 http://localhost:${port} 에서 실행 중입니다.`); }) 실행이 안되서 결과는 없다. 다시 지웠다가 깔고, 껏다 키고, 다시 써보는 별 짓을 다했는데 못 고쳤다. 이론상 코드는 제대로 작동한다. 3001 포트에서 /에 'Hello Unifox'가 출력되고, /abou..

async랑 await는 비동기 프로그램을 보다 더 간결하고 읽기 쉽게 만드는 동시에, 쓰기 간단한 문법이다. async는 promise 대신 앞에 붙이는 것만으로 promise를 대신한다. async는 비동기코드를 간단하게 만들어 반환해주는 것이다. await는 반드시 async와 함께 써야 한다. 쓰지 않으면 오류가 난다. async안에 await를 작성해 비동기프로그램이 끝날 때까지 기다리는 문법이 await다. async function buynsu() { await delay(1); return 1; } await와 async를 쓴 비동기프로그램이다. promise를 대체하여 async이 값을 반환하고, await가 함수가 실행되어 끝날 때까지 기다린다.

callback 함수. 파라미터로 결과를 전달할 수 있을 때 전달하는 함수를 콜백함수라고 한다. 비동기 프로그래밍 만드는데 쓴다고 한다. function add(a, b, callback){ var aa = a + b; callback(aa); } add(1,2,function(aa){ console.log('%d',aa); }); a와 b를 aa에 콜백, 1,2를 각각 a,b에 대입하여 둘을 더한 값을 aa에 담아 출력하는 함수. 이런 식으로 비동기프로그램을 작성하면 두드러지는 문제점이 있는데, 흔히들 '콜백지옥'이라고 부르는 것이다. 콜백 지옥은 간단히 말해 콜백이 연속으로 작성되어 콜백 뒤에 콜백이 계속해서 붙는 것인데, 코드도 복잡해지고 읽기도 힘들어서 콜백 함수를 처음 써보는 사람은 예제도 제대..

노드 조작하기 5가지 실습, tistory 에 정리. (콘텐츠 조작,스타일 조작,클래스 속성 조작, 데이터 속성 조작,메소드로 속성 조작) 콘텐츠 조작 textContent : 요소 노드의 모든 텍스트 접근. innerText : 요소 노드 텍스트에서 웹브라우저에서 표시되는 텍스트 접근. innerHTML : 요소 노드 텍스트에서 HTML에 접근. DOCTYPE html> sunrin, highschool document.querySelector("#textContent").textContent = 'textContent'; document.querySelector("#innerText").innerText = 'innerText'; document.querySelector("#innerHTML").in..

function tt3(n) { var n = prompt(); for(var i = 1 ; i 눌러 function popup(){ window.open('https://unifox.kr/','팝업','width=500, height=500'); } 버튼을 클릭하면 모니터에 가로 500px 세로 500px 크기로 팝업창이 열리고 팝업창에는 unifox 사이트가 표시되는 코드.

function tt1(n) { for(var i = 1 ; i = 90 && 100 > n ) { console.log("A"); } else if ( n >= 80 && 90 > n ) { console.log("B"); } else if ( n >= 70 && 80 > n ) { console.log("C"); } else { console.log("D"); } } tt2(90); A tt2(80); B tt2(70); C tt2(60); D 성적 출력 함수.

이걸 먼저 써줘야 한다. ===================변수선언=================== var로 선언한다. var i; var n = 0; var i = 0; n = 0; let,const으로 선언한다. let은 바뀌는 값. const는 바뀌지 않는 값을 저장한다. let m = "screwbar"; m = "adjustablespanner"; ===================비교=================== console.log()를 써줘야 한다. ==는 값을 비교해 같으면 진실, 같지 않으면 거짓을 출력한다. ===는 값의 데이터까지 비교해서 같으면 진실, 같지 않으면 거짓을 출력한다. ===================조건문=================== 거짓으로 인식되는 ..

=======================print문======================== print문은 print()로 작성. 문자열의 출력은 print('')로 작성. sep=''를 사용해 중간중간에 삽입 가능. end=''는 끝 부분을 결정. file=''은 컴퓨터에 특정한 파일로 저장하겠다는 뜻. print('%s %s' % ('one' , 'two')), print('{} {}'.format('one' , 'two'))들은 %s나 {}에 각각 one과 two를 지정해준다는 의미. %s에 숫자 넣는 걸로 문자열 크기 지정 가능. %d는 숫자. %f는 소수점을 출력하고 숫자를 넣어서 어디까지 출력될지 정할 수 있음. =======================변수==================..