https://www.acmicpc.net/problem/4673 4673번: 셀프 넘버셀프 넘버는 1949년 인도 수학자 D.R. Kaprekar가 이름 붙였다. 양의 정수 n에 대해서 d(n)을 n과 n의 각 자리수를 더하는 함수라고 정의하자. 예를 들어, d(75) = 75+7+5 = 87이다. 양의 정수 n이 주어졌을 때,www.acmicpc.net문제 설명d(n) =  양의 정수 n에 대해서 n과 n의 각 자리 수를 더하는 함수n = d(n)의 생성자d(n)이 어떻게 구해지는지 예를 들어보면 아래와 같다.n = 1 -> d(1) = 1(=n) + 1(n의 일의 자리 수) = 2n = 2 -> d(2) = 2 + 2 = 4n = 3 -> d(3) = 3 + 3 = 6...n = 10 -> d(10..

클라이언트에서 서버로 파일을 전송하는 방법을 알아보았다.input 태그- type = "file"로 지정- name = "서버에서 파일을 인식할 이름"name으로 이름을 지정하면, 서버에서는 이 이름으로 데이터를 얻는다는 것이다.예) upload.single("userfile")로 설정해야 한다.일반 form 전송 - form 태그 업로드- action = "서버에 보낼 경로"- enctype = "multipart/form-data"로 반드시 설정해야 한다.multer는 multipart(multipart/form-data)가 아닌 폼에서는 동작하지 않는다.body-parser데이터를 쉽게 처리할 수 있도록 도와주는 라이브러리사용 목적: post로 정보를 전송할 때 요청의..

1주차 수업에서 배운 CSS 작성법과 선택자 종류들에 대해서 정리하고자 한다.CSS 작성법CSS는 HTML 요소의 style을 정의해야 하므로, 스타일을 적용하고자 하는 HTML 요소를 선택할 수 있어야 한다.- 선택자(Selector): 스타일을 적용하고자 하는 HTML 요소를 선택하기 위해 CSS에서 제공하는 수단선택자로 HTML 요소를 선택하고 {} 내에 속성 값을 지정하여 다양한 style을 정의한다.- 속성(Property)여러 개의 속성을 연속해서 지정할 수 있으며, 세미콜론";"으로 구분한다. 속성은 표준 스펙으로 이미 지정되어 있는 것을 사용해야 한다. 사용자가 임의로 정의할 수 없다.- 값(Value): 해당 속성에 사용할 수 있는 값을 키워드, 크기 단위, 색상 단위 등의 특정 단위로 ..

Mac에서 개발환경을 설정하는 과정을 정리해두면 좋을 것 같아 설치하는 과정에서 참고한 자료를 바탕으로 작성해보았다.Git 홈페이지 접속https://git-scm.com/ Git git-scm.comDownload for Mac 클릭빨간 박스로 표시한 부분을 클릭하면 된다.homebrew 클릭빨간 박스로 표시한 부분을 클릭하면 된다.설치 명령어 복사/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"터미널을 열어서 명령어 붙여넣기Password: 문구가 출력되면, 맥 로그인 비밀번호를 입력하면 된다.설치 확인 및 오류 해결설치가 완료된 후 brew help 명령어를 입력하여 잘 설치됐는..

현재 부트캠프에서 Node.js에 대해서 배우고 있는데, 개인적으로 정리하고 싶은 부분이 있어 참고 자료에 있는 설명을 바탕으로 작성하게 되었다.프로젝트 생성mkdir "디렉토리 이름"cd "만든 디렉토리 이름"위 명령어를 입력해서 프로젝트를 생성한 후, 해당 프로젝트 디렉토리로 이동하여 프로젝트 루트 폴더에서 아래 명령어를 실행한다.npm init -ynpm i express ejsnpm init -y: npm을 쓸 수 있는 초기 환경을 설정한다. npm_modules 폴더가 만들어지며 express에 관련된 폴더가 생성되고, package.json의 dependencies에 express가 기록된다.npm i(or install) "패키지명": 원하는 패키지를 설치한다.코드const express =..

모듈(Module)특정한 기능을 하는 함수나 변수들의 집합재사용 가능한 코드 조각장점코드 추상화코드 캡슐화코드 재사용의존성 관리모듈은 module.exports 또는 exports 객체를 통해 정의하고 외부로 공개한다.공개된 모듈은 require 함수를 사용하여 import 한다.모듈 만들기하나의 모듈 파일에 하나 만들기// func.jsfunction connect() { return a + b;}module.exports = connect;module.exports에는 하나의 값(원시 타입, 함수, 객체)을 할당할 수 있다.하나의 모듈 파일에 여러 개 만들기// var.jsconst a = "a 변수";const b = "b 변수";module.exports = { a, b};export와 expor..

CSS(Cascading Style Sheet)웹 페이지를 디자인하기 위해 사용하는 언어CSS 참조 방식인라인 방식요소의 style 속성에 직접 스타일을 작성하는 방식디자인을 적용하기 위해 각 태그마다 style 속성을 적어줘야 하기 때문에, 같은 스타일을 가진 태그를 사용하려고 해도 따로 작성해줘야 한다. 즉, 재사용이 불가능하기 때문에 추천하지 않는 방식이다.내장 방식의 내용(Contents)으로 스타일을 작성하는 방식HTML의 태그 내부에 태그를 선언하여 각 태그에 적용할 스타일을 작성한다. 인라인 방식에 비해 재사용성은 높아졌지만, 코드의 길이가 굉장히 길어지기 때문에 추천하지 않는 방식이다. HTML과 CSS의 전체 코드량이 많지 않고 CSS가 해당 HTML 문서에서만 적용될 경우 유용하게 ..

Node.js Node.js는 구글 크롬의 자바스크립트 엔진(V8 Engine)에 기반해 만들어진 Javascript 런타임 환경이다. 여기서, 런타임이란 프로그래밍 언어가 구동되는 환경을 말한다. Javascript의 런타임 환경은 웹 브라우저에만 존재했었다. 이러한 Javascript를 서버단 언어로 사용하기 위해 나온 것이 Node.js이다. Mac에서 Node.js 설치하기 brew install node 버전 확인 node -v npm -v npm Javascript로 개발된 각종 모듈의 설치, 업데이트, 구성, 제거 과정을 자동화하여 관리해주는 기능 npm 사용하기 npm init 프로젝트 시작할 때 사용하는 명령어이다. package.json에 기록될 내용을 문답식으로 입력한다. npm in..

MySQL 설치하기homebrew 설치 확인brew -vhomebrew를 통해 MySQL 설치하기brew install mysql정상적으로 설치되었는지 확인brew listMySQL 설치를 완료했다면,brew services start mysql==> Successfully started 'mysql' (label: homebrew.mxcl.mysql)위 문구가 나온다면, MySQL이 제대로 실행된 것이다.MySQL 기본 설정mysql_secure_installation1. Would you like to setup VALIDATE PASSWORD component? (N)복잡한 비밀번호 설정 여부를 묻는 문장이다. 동의 여부 선택 후, 비밀번호를 입력한다.2. 비밀번호 입력 & 확인3. Remove a..

HTML의 기본적인 구조와 HTML에서 사용하는 태그들에 대해서 배우는 시간을 가졌다.HTML의 구조 태그웹 페이지를 구성하는 모든 요소들을 포함한다. 태그HTML 문서의 메타 데이터(데이터에 대한 정보를 제공하는 데이터)와 문서 정보를 정의하는 데 사용되는 태그title: HTML 문서의 제목style: HTML 문서의 Style 정보 정의link: 외부 리소스와의 연결 정보 정의, CSS 파일 연계에 사용script: Javascript 입력meta: 페이지 설명, 키워드, 저자, 화면 크기 등의 정보. 주로 브라우저 또는 검색 엔진에서 사용 태그HTML 문서의 실제 콘텐츠를 정의하는 데 사용되는 태그 태그 안에 다양한 태그를 사용하여 웹 페이지의 구조를 설계할 수 있다.태그의 종류태그설명 속..