pugnet

input 태그의 type="checkbox"을 지정하면 기본으로 제공하는 체크박스를 사용할 수 있다. 그런데, 여러 웹사이트를 보면 디자인이 다양하다. 클론코딩을 하면서 해당 사이트와 최대한 흡사하게 꾸며보고싶었다. 쉽게 변경이 가능할줄 알았지만, CSS로는 checkbox 스타일 변경이 불가능했다ㅠㅠ 그래서 찾아봤더니 , 등을 활용해서 커스텀이 가능했다. Before 기본 디자인의 checkbox이다. Before JSX handleAllCheck(e.target.checked)} checked={ checkedConsent.length === ConsentList.length ? true : false } /> 전체 동의 input태그의 체크박스를 대신할 태그를 별도로 선언하고 해당 태그를 원하는 ..

02장. 자바스크립트(JavaScript)란? 2.1. 자바스크립트의 탄생 웹페이지의 보조적인 기능 수행을 위해 브라우저에서 동작하는 경량 프로그래밍 언어 도입을 위해 탄생한 것이 브렌던 아이크(Brendan Eich)가 개발한 자바스크립트다. 1996년 3월에 넷스케이프 네비게이터2에 모카라는 이름으로 탑재되었고 그해 9월에 라이브스크립트로 이름이 바뀌었다가 12월에 자바스크립트로 최종 명명되었다. 현재 자바스크립트는 모든 브라우저의 표준 프로그래밍 언어로 자리잡았다. 2.2. 자바스크립트의 표준화 마이크로소프트에서 1996년 8월 "JScript"라는 자바스크립트의 파생버전을 인터넷 익스플로러에 탑재했는데 JScript와 JavaScript가 적당히 호환될 뿐 표준화되지 못했다. 넷스케이프 커뮤니케이..

01장. 프로그래밍 1.1 프로그래밍이란? 해결해야 할 문제(요구사항)을 명확히 이해한 후 적절한 문제 해결방안을 정의하고 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 문제 해결 능력을 요구한다. 우선 문제(요구사항)를 명확히 이해하고 복잡함을 단순하게 분해 -> 자료 정리/구분 -> 순서에 맞게 행위 배열 컴퓨터에게 정확하고 상세하게 코드로 요구사항을 설명하는 작업이다. 1.2. 프로그래밍 언어 문제 해결 방안을 컴퓨터에게 전달할 때 컴퓨터가 명령을 수행할 수 있도록 기계어로 명령을 전달해야 한다. 사람이 기계어로 명령을 전달하기는 어렵기 때문에 사람이 이해할 수 있는 "프로그래밍 언어"로 프로그램을 작성하고 컴파일러 또는 인터프리터 같은 일종의 번역기를 이용하여 기계어로 변환한다. 프로그래밍 ..

node.js, Sequelize를 이용하여 도서관 프로그램 만들기 제약 조건 : 도서관 프로그램의 메인 로직인(리스트 뷰, 등록, 검색, 수정, 삭제) 등의 기능을 백엔드로 구현 server 디렉터리 내부에 index.js라는 파일에 백엔드 로직 작성, 서버는 node.js로 동작하며 http 기반의 웹 서버여야 함. 사용 기술 : node.js, sequelize, WEB API 실행 순서 : 1. node.js를 통해 index.js를 실행하여 n번 포트에 http 서버를 할당 2. index.html 파일을 더블클릭하여 크롬에서 서버와의 통신이 가능하도록 함. 3. 크롬에서 만들어진 뷰로 데이터 컨트롤 수행 확인 디렉터리 구성 : 소스코드 : index.js 소스코드 // 서버 사용을 위해 htt..