Crescendo Code

박스 모델 HTML 문서 안의 요소들은 기본적으로 박스형인 사각형 모양으로 구성되어 있고, 이를 박스 모델이라고 한다. 박스 모델 구성 요소들은 성격에 따라 inline, block, inline-block으로 분류할 수 있고 이는 display 속성의 속성값으로 지정할 수 있다. 각각의 성격이 가진 특성을 간략하게나마 알아보고 짧은 코드를 통해 복합적인 상황에서 어떻게 작용하는지 알아보려고 한다. inline inline 성격을 지닌 요소는 박스의 크기가 곧 content의 크기를 의미한다. 요소의 크기가 딱 필요한 만큼의 공간을 차지하기 때문에, width, height 속성으로 크기를 조절할 수 없다. padding이나 margin과 같은 속성을 사용할 경우, 상/하는 조절할 수 없고 좌/우만 적용..

구조적 가상 클래스 CSS를 적용할 때, 사용된 태그의 위치나 관계에 따른 요소를 선택자로 지정하는 방법이 있다. 이러한 선택자는 HTML 문서 태그의 구조적인 위치에 따라 결정되기 때문에 '구조적 가상 클래스'라고 불린다. 이 선택자의 여러 종류 중 첫 번째 자식을 의미하는 선택자로 first-child와 first-of-type을 언급할 수 있는데, 얼핏 같은 의미처럼 보이는 이 두 선택자는 분명한 차이점이 존재한다. 두 선택자의 차이점을 알아보고 이를 통해 남은 몇 가지 선택자도 같은 원리로 각각을 구분해 보도록 하자. child / of-type 구조적 가상 클래스 선택자 중 일부를 단어 단위로 쪼개보면, 시작과 끝을 뜻하는 first, last, 마지막에 붙는 단어로 child와 of-type으..

지난 9월 9일 SQLD 시험을 치르고 10월 6일 합격 소식을 받았다. 국비지원 과정을 진행하면서 데이터베이스에 대해 처음 알게 되었고 기존 프로그래밍 언어와는 또 다른 재미를 느낄 수 있었다. 프로그래밍 언어 코딩과 SQL의 가장 큰 차이라고 한다면 SQL은 한 문장 한 문장 입력할 때마다 그 즉시 결과를 확인할 수 있다는 점이다. 이 부분에서 SQL 언어에 크게 매료되었고 SQLD 자격증에도 도전하는 계기가 되었다. 일단 시험공부를 하기 전 여러 수기들을 찾아보았다. 여러 가지 정보들을 합산해 본 결과 몇 가지 요점을 추릴 수 있었다. 1. 전공자는 일주일만 공부해도 충분하다(?) 2. 네이버 카페나 유튜브에 시험 관련 많은 문제 자료가 있다. 3. 최근엔 개발자 직종에 뛰어드는 인원 증가와 동시에..

VS Code 설치 후 세팅해두면 좋은 것들 테마 설정 ▶ File - Preferences - Theme - Color Theme (어두운 테마 설정)VS Code의 테마 색상을 지정할 수 있다.장시간 모니터를 봐야 할 일이 있을 때, 어두운 테마를 선택하면 눈의 피로를 줄일 수 있다.확장 프로그램 설치 ▶ Live Server / Ritwick DeyHTML 코드를 웹으로 실시간 확인할 수 있다. ▶ Auto Rename Tag / Jun Han시작, 종료 태그 중 한 쪽만 변경해도 다른 한 쪽이 자동으로 변경된다. ▶ HTML to CSS autocompletion / solnurkarimHTML 파일의 class 속성을 변경하면 CSS 파일에서 자동완성된다.▶ HTML CSS Support /..

지난 7월 22일 정보처리 산업기사 실기 시험을 치르고 9월 1일에 합격 통보를 받았다! 국비교육 과정의 수료일이 7월 28일이라 시험기간이 한창 최종 프로젝트 마지막 버스트 단계에 돌입하는 때였다. 그래서 시험 3일 전부터는 자격증 공부하랴 프로젝트하랴 거의 수면시간을 깎아가며 공부했다. 교재는 필기에 이어 실기도 '시나공의 정보처리 산업기사 실기 기본서' 하나만을 가지고 공부했다. 공부하다가 모르는 부분이 나오면 큐알코드를 찍어 짜투리 강의를 들으면서 공부했는데, 강의 자체는 어떤 부분은 자세히 설명하지만 어떤 부분은 그냥 책에 쓰여있는 내용을 읊는 느낌의 강의도 많았다. 일단, 공부하면서 느낀건데 4장(프로그래밍 언어), 5장(SQL 활용)은 국비교육 과정에서 배우는 부분과 겹치는 부분이 상당히 많..

[에러해결] 공통 사용자 또는 롤 이름이 부적합합니다. Oracle에서 새로운 사용자를 생성할 때, 아래와 같은 에러 메시지가 출력될 수 있다. ▶ ORA-65096: 공통 사용자 또는 롤 이름이 부적합합니다. 이 에러 메시지는 Oracle 11g에서 12c로 넘어오면서부터 등장하게 되었는데, Oracle 12c 버전의 CDB, PDB 개념의 등장으로 인해 12c 이후의 Oracle에서는 사용자를 생성할 때 사용자 이름 앞에 'C##'을 붙이도록 변경되었다. 사용자 이름 앞에 'C##'을 붙이면 정상적으로 생성되는 모습을 확인할 수 있다. 권한을 부여하거나 사용자를 삭제해야 할 때에도 사용자 이름 앞에 'C##'을 붙여야 한다. 'C##' 없이 사용자 계정 관리하기 만약 사용자 계정을 관리할 때마다 'C..

조 편성 및 주제 길다고 하면 길고 짧다고 하면 짧은 5.5개월의 국비 교육 커리큘럼이 이 프로젝트 발표를 마지막으로 드디어 마무리되었다. 최종 프로젝트를 갈무리하며 그동안 개인적으로 느꼈던 여러 가지 생각들을 회고에 담아 적어보려고 한다. 조를 구성하기 이전에 학원에서는 각자가 하고 싶은 주제를 하나씩 정해서 그와 관련된 간단한 기획서를 작성하고 발표하는 시간을 가졌었다. 조 구성은 이 발표 이후부터 진행되었는데 모두가 발표한 주제에 따라 관련이 깊은 사람들끼리 삼삼오오 모여 개인적으로 조를 구성하는 방식이었다. 나는 이 때 발표할 주제로 여러 가지 후보를 뒀고, 최종적으로 세 가지가 남게 되었다. 1. 그룹웨어 (협업툴) 2. 타이핑 공부법을 돕는 관련 사이트 및 툴 3. 반려동물 등록에 기반한 반려..

프로젝트명 : 펫토피아 - 의미 : PET + UTOPIA의 합성어 (반려동물을 의미하는 펫과, 이상향을 뜻하는 유토피아를 합성한 단어) - 팀원 : 6명 - 기간 : 33일 주제 선정 계기 - 1인 가구, 딩크족, 싱글족의 비율이 증가됨에 따라 반려동물 소유주들의 비율도 함께 증가 - 2010년 476만 마리를 기준으로 2017년은 874만 마리, 2027년 예상으로는 1320만 마리까지 증가할 수 있음 - 반려동물 증가로 인해 그와 관련된 다양한 직종과 다양한 사업이 이루어지고 있음 - 반려동물 지식 기반 공유 목적 대형 커뮤니티 기획 사용 기술 ▶ Front-End - HTML / CSS - JavaScript / jQuery / Ajax - Bootstrap ▶ Back-End - Spring B..

원격 서버 1. 웹 호스팅 : 원격 서버의 일부를 렌탈 - ex : hosting.cafe24.com ▶ 일부를 빌리는 유형 1. OS - Windows / Linux 2. 웹 프로그램 - Jsp 3. 데이터베이스 - MariaDB / MySQL ▶ 웹 호스팅 업체에서 설치 완료 - 접속 방법만 알면 된다. ( 아이디 / 패스워드 / 포트 ) - 데이터를 넣을 때는 FTP를 쓴다 ( Filezilla / wget ) - Jsp, Class, Image, JS, CSS 파일을 업로드한다. - SSH ( Putty ) ▶ OS / 웹 프로그램 / 데이터베이스가 이미 설치되어 있기 때문에 커스터 마이징을 위해 AWS를 사용한다. 2. 서버 호스팅 - 서버 머신을 통째로 빌린다. - 개발자가 직접 설치한다. ▶..

이전 수업 개념 ▶ Python에서 제공하는 Class ▶ 클래스의 선언 class 클래스명 : 클래스 멤버필드 메서드 생성자 소멸자 일반메서드 - self : 자바의 this와 같은 개념이다. - self를 통해 인스턴스 멤버 필드를 만든다. (생성자를 통해 많이 만든다.) ▶ 새 파일 생성 : class04.py - setter, getter 함수 만들기 class FourCal : # setter def setdata( self, first, second ) : self.first = first self.second = second def add( self ) : result = self.first + self.second return result # getter def getdata( self )..