거니의 velog

7. spread 와 rest * 이번에는 ES6 에서 도입된 spread 와 rest 문법에 대해서 알아보자. 서로 완전히 다른 문법이지만, 은근히 좀 비슷한 면이 있다. (1) spread * 일단 spread 문법부터 알아보자. spread 라는 단어가 가지고 있는 의미는 '펼치다, 퍼뜨리다' 이다. 이 문법을 사용하면, 객체 혹은 배열을 펼칠 수 있다. * 예를 들어 다음과 같은 객체들이 있다고 가정해보자. const slime = { name: '슬라임' }; const cuteSlime = { name: '슬라임', attribute: 'cute' }; const purpleCuteSlime = { name: '슬라임', attribute: 'cute', color: 'purple' }; co..

5. 조건문 더 스마트하게 쓰기 * 이번에는 조건문을 조금 더 스마트하게 작성하는 방법에 대해 알아보자. (1) 특정 값이 여러 값 중 하나인지 확인해야 할 때 * 만약, 여러분이 특정 값이 여러 값 중 하나인지 확인을 해야 하는 상황이 생겼다고 가정해 보자. * 예를 들면, 이러한 시도를 할 수도 있을 것이다. function isAnimal(text) { return ( text === '고양이' || text === '개' || text === '거북이' || text === '너구리' ); } console.log(isAnimal('개')); // true console.log(isAnimal('노트북')); // false * 비교해야 할 값이 많아질수록 코드는 더 길어질 것이다. * 이러한 코..

[day05.myomok02] import sys from PyQt5 import uic, QtGui, QtCore from PyQt5.QtWidgets import QApplication, QMainWindow from PyQt5.Qt import QPushButton form_class = uic.loadUiType("myomok02.ui")[0] class MainClass(QMainWindow, form_class): def __init__(self): QMainWindow.__init__(self) self.arr2D = [ [0,0,0,0,0, 0,0,0,0,0], [0,0,0,0,0, 0,0,0,0,0], [0,0,0,0,0, 0,0,0,0,0], [0,0,0,0,0, 0,0,0,0,0], ..

[과제 주관식 정리] 06장 폼 태그 : 상품 등록 페이지 만들기 01. form 태그에 사용하는 속성에 대해 간단히 설명하시오. 속성 | 설명 action | 폼 데이터를 받아 처리하는 웹 페이지의 URL을 설정합니다. method | 폼 데이터가 전송되는 HTTP 방식을 설정한다. name | 폼을 식별하기 위한 이름을 설정한다. target | 폼 처리 결과의 응답을 실행할 프레임을 설정한다. enctype | 폼을 전송하는 콘텐츠 타입 유형을 설정한다. accept-charset | 폼 전송에 사용할 문자 인코딩을 설정한다. 02. form 태그 내에서 중첩하여 사용하는 태그를 나열하고 설명하시오. 1) input 태그 input 태그는 사용자가 텍스트 입력이나 선택 등을 다양하게 할 수 있도록 ..

3. 단축 평가 (short-circuit evaluation) 논리 계산법 * 이번에는 논리 연산자를 조금 더 유용하게 사용하는 방법에 대해서 배워보자. * 우리가 이전에 연산자를 배울 때, 다음과 같은 사항을 잘 숙지했을 것이다. true && true // true true && false // false true || false // true false || true // true * 논리 연산자를 사용 할 때에는 무조건 우리가 true 혹은 false 값을 사용해야 되는 것은 아니다. 문자열이나 숫자, 객체를 사용할 수도 있고, 해당 값이 Truthy 하냐 Falsy 하냐에 따라 결과가 달라진다. * 예를 들어, 다음과 같은 코드가 있다고 가정해 보자. const dog = { name: '멍멍..

* 이번에는 알고 있으면 유용한 다양한 자바스크립트 문법을 알아보자. 이번에 소개할 대부분의 문법은 ES6 이상의 버전에서만 사용할 수 있는 문법이지만, 그렇지 않은 문법도 은근히 있다. 1. 삼항 연산자 * 첫 번째로 배울 문법은, 삼항 연산자이다. 이 문법은 ES6 문법은 아니고 이전부터 있었던 문법이다. const array = []; let text = ''; if (array.length === 0) { text = '배열이 비어있습니다.'; } else { text = '배열이 비어있지 않습니다.'; } console.log(text); * 예를 들어 위와 같이 특정 조건에 따라 text 값이 달라야 하는 상황이 있다고 가정해 보자. 그런 경우에는 다음과 같이 코드를 작성할 수 있다. cons..

[p. 211-213] [form01.jsp] 이름 : 주소 : 이메일 : 전송 [form01_process.jsp] - http://localhost/ch06/form01.jsp [form02.jsp] 이름 : 주소 : 이메일 : 전송 [form02_process.jsp] - http://localhost/ch06/form02.jsp [form03.jsp] 오렌지 사과 바나나 전송 [form03_process.jsp] -http://localhost/ch06/form03.jsp [addBook.jsp] 도서 정보 도서코드 도서명 가격 저자 출판사 출판일 총 페이지 수 상세 정보 분류 재고수 상품 상태 신규도서 중고도서 E-Book 책 등록 [processAddBook.jsp] - http://local..

10. 프로토타입과 클래스 (1) 객체 생성자 * 프로토타입과 클래스에 대해서 알아보기 전에 우선 객체 생성자라는 것을 알아보자. 객체 생성자는 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값 혹은 함수들을 구현 할 수 있게 해준다. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function() { console.log(this.sound); }; } const dog = new Animal('개', '멍멍이', '멍멍'); const cat = new Animal('고양이', '야옹이', '야옹'); dog.say(); cat.say(); * 객체 생..

[pyqt09.ui] MainWindow 0 0 413 444 MainWindow 60 40 291 31 Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter 60 110 71 31 1 170 110 71 31 2 280 110 71 31 3 60 180 71 31 4 170 180 71 31 5 280 180 71 31 6 60 250 71 31 7 170 250 71 31 8 280 250 71 31 9 60 320 71 31 0 170 320 181 31 ☎ 0 0 413 21 [day04.pyqt09] import sys from PyQt5 import uic, QtGui, QtCore from PyQt5.QtWidgets import QApplication, ..

* get 방식에 쿼리스트링으로 담긴 값(id)은 우선 순위가 떨어짐. input 에 담긴 name 값이 헤더에 먼저 들어감. 그리고 쿼리 스트링을 재구성하기 때문에 id 값은 날아가 버림. * post 방식일 때 쿼리 스트링의 id는 헤더로, input의 name 은 바디로 데이터가 둘 다 들어간다. * 데이터를 어떻게 검증해야 할까? 개발자 도구의 네트워크 탭에서 요청 내역을 보고, 요청을 클릭하면 옆의 창이 활성화 됨. 이 안에 payload를 확인해야 한다. * C:\upload\파일명.png => 내가 사용하는 OS의 특정 경로임. 이것을 http://localhost/c:\\upload로 경로가 설정되면 잘못된 경로이다. 이 뒤에 나오는 경로 자체를 시스템 경로가 아닌 웹 서버 안에 들어 있는..