Dev다D

CSS는 HTML과 함께 웹 표준 개발의 기본 개념이다. HTML이 텍스트나 이미지 등 각 요소를 웹 문서에 넣어 뼈대를 만드는 것이라면 CSS는 텍스트 색상이나 크기, 이미지 등 디자인 요소를 담당한다고 할 수 있다. 따라서, CSS를 이용하면 한층 더 업그레이드된 웹 디자인을 할 수 있다. 1. 스타일 시트 여러 가지의 스타일 규칙이 사용되는 경우가 많아서 한눈에 확인하고 필요할 때마다 수정하기 쉽도록 한 군데 묶어 놓는 것을 '스타일 시트'라고 한다. 내부 스타일 시트 웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것이다. 외부 스타일 시트 스타일을 별도 파일로 저장해 놓고 필요할 때마다 파일에서 가져와서 사용하는 것이다. 2. 주요 선택자 전체 선택자 말 그대로 스타일을 모든 요소에 적용할 때..

웹 폼(form)은 특정 항목에 사용자가 입력하는 형태이다. (ex. 로그인 창) 다양항 항목 및 체크박스를 넣을 수 있다고한다. 폼과 관련된 태그에 대해서 공부해봤다. 1. 폼(form) 만들기 여러 폼 요소 속성을 통해 사용자가 입력한 자료를 서버에서 어떤 프로그램을 이용해 처리할 것인지, 서버로 어떤 방식으로 넘길 것인지 지정한다. 속성은 method, name, action, target등이 있다. 특히, 우리가 인터넷을 하면서 자주 볼 수 있는 자동 완성 기능 속성은 "autocomplete"이다. 레이블 위와 같이 태그를 쓰면 입력 창 옆에 텍스트를 만들 수 있다. 왼쪽 이미지와 같이 만들 수 있다. (파란 박스) 또한, "아이디 저장"처럼 체크박스도 만들 수 있다. ... 위의 태그는 폼 요..

TIL은 나 자신을 위해 과정을 기록하는 것이다. 잘 안되는 것, 개발하면서 배운 것들을 편하게 정리 하려고 한다. 1. 한 주 동안의 회고 2. 한 주 동안의 배운 것들 3. 이번주의 목표

2020년 4회 정보처리기사 필기에 합격했다. 개발자로 이직을 준비하고 있어서 전공 지식을 공부하기 위해 자격증 공부를 시작했다. 비전공자라서 맨땅에 헤딩 수준으로 시작했지만 SQLD 자격증을 취득하면서 SQL을 다루어봐서 다른 부분을 더 집중적으로 보았다. 기사 필기 준비물과 유의사항 수험표, 신분증, 컴퓨터용 사인펜, 검정 볼펜, 연필, 화이트(액체 X) 수험표는 없어도 되나, 신분증은 없으면 퇴실 조치이므로 반드시 있어야 한다. 시험과목 1과목 소프트웨어 설계 2과목 소프트웨어 개발 3과목 데이터베이스 구축 4과목 프로그래밍 언어 활용 5과목 정보시스템 구축 관리 1. 책 추천 책은 수제비 정보처리기사를 추천한다. 오탈자는 좀 있는 편이지만 두음법칙, 학습 Point! 등 암기를 쉽게 할 수 있는 ..

웹에 이미지를 삽입하거나 링크를 삽입하는 방법을 알아보자. 이미지 삽입 1. 저장된 이미지 파일 2. 인터넷의 이미지 파일 이미지 속성 1. 이미지 설명 화면 낭독기가 시각장애인에게 읽어 줄 수 있다. 또는 이미지를 제대로 표시할 수 없는 상황에서 이미지 자리에서 확인할 수 있다. 이미지에 설명 글을 붙이기 (한글 문서 캡션 느낌이다.) 라이언커피 2. 이미지 크기 설정 하이퍼 링크 1. 링크 만들기 텍스트 2. 방문했던 링크 글자 색 바꾸기 3. 새 탭에서 링크열기 SIRI Github 4. 페이지 점프하기 (앵커) 텍스트 또는 이미지 텍스트 또는 이미지 본 내용은 이지스퍼블리싱의 'Do it! HtML5 + CSS3 웹 표준의 정석'을 참고하여 작성한 내용입니다.

텍스트로 이루어진 정보는 수정이 편리한 장점이 있지만 텍스트의 양이 많을 수록 정보를 찾기 힘들다는 단점이 있다. 따라서, 크기나 색상, 스타일, 목록 등을 바꾸어 표시한다. 덩어리로 표시 * 제목 표시하기 텍스트 (h1이 가장 큰 제목이고 h6이 가장 작은 제목이다.) * 단락 만들기 텍스트 * 줄 바꾸기 * 수평 줄 넣기 * 인용문 넣기 텍스트 * 입력하는 그대로 화면에 표시 텍스트 한 줄로 표시 * 굵게 표시하기 텍스트 텍스트 (육안으로는 차이가 느껴지지 않으나 을 사용한 부분을 강조되었다고 화면 낭독기가 알려준다.) * 이탤릭체로 표시하기 텍스트 텍스트 (강조하고 싶을 때는 을 사용하고, 관용구는 를 사용한다. * 인용 내용 표시하기 텍스트 (와 차이점은 줄바꿈 없이 다른 내용과 함께 한줄로 표시..

HTML5의 역할이 무엇인지 살펴보았다. (웹과 HTML은 뗄 수 없는 관계이다.) 웹 문서를 만들고 업로드도 진행해보았다. 내가 만든 HTML, 웹 서버에 올리고 확인하기 1. 닷홈에 무료 호스팅 서비스 신청 'FTP아이디.dothome.co.kr'이 나의 웹 사이트가 된다. 2. FTP 프로그램 FileZilla 설치하고 서버 접속 - FTP 서버에 접속하기 - HTML 문서 불러오기 - 파일 서버에 올리기 - 웹 브라우저에서 확인하기 본 내용은 이지스퍼블리싱의 'Do it! HtML5 + CSS3 웹 표준의 정석'을 참고하여 작성한 내용입니다.

요구사항 프로세스 - 추출 - 분석 - 명세 - 검증 소프트 웨어 생명주기 모델의 프로세스 단계별 황동 내용 - 요구사항 분석 단계 : 기능 및 비기능 요구사항 파악 - 설계 단계 : 시스템 구조 설계, 프로그램 설계, 사용자 인터페이스 설계 - 구현 단계 : 프로그래밍, 인터페이스 개발, 자료 구조 개발, 오류 처리 - 유지보수 단계 : 예방, 완전, 교정, 적응적 유지 보수 수행 소프트웨어 개발방법론 유형 - 구조적 방법론 : 전체 시스템을 기능에 따라 나누어 개발하고, 이를 통합하는 분할과 정복 접근 방식의 방법론이다. - 객체지향 방법론 : 데이터와 관련되는 동작을 모두 포함하는 방법론으로 데이터는 실체이고, 동작은 절차, 방법, 기능을 의미한다. - 컴포넌트 기반 방법론 : 소프트웨어를 구성하는..

개발 도구 빌드 도구 - 작성한 코드의 빌드 및 배포를 수행 - 각각의 구성요소와 모듈에 대한 의존성 관리를 지원하는 것 구현 도구 - 코드의 작성과 디버깅, 수정 등과 같은 작업과 구현 소프트웨어가 어떤 프로그래밍 언어로 개발되는지 선택 테스트 도구 - 코드의 기능 검증과 전체의 품질을 높이기 위해 사용 형상 관리 도구 - 개발자들이 작성한 코드와 리소스 등 산출물에 대한 버전 관리를 위한 도구 개발환경 구성요소 - 서버 하드웨어 개발환경에는 프로젝트 구성에 다라 웹서버, 웹 애플리케이션 서버, 데이터베이스 서버, 파일 서버 등으로 구분한다. - 소프트웨어 개발을 위한 전체 과정에서 발생하는 모든 항목의 변경 사항을 관리하기 위해서 형상관리 툴을 사용한다. - 클라이언트 하드웨어 개발환경은 클라이언트 ..

SQL 문법의 분류 - 데이터 정의어(DDL) : CREATE, ALTER, DROP - 데이터 조작어(DML) : SELECT, INSERT, DELETE, UPDATE - 데이터 제어어(DCL) : GRANT, REVOKE DDL 대상 - 도메인(Domain) - 스키마(Schema) - 테이블(Table) - 뷰(View) - 인덱스(Index) 트리거 : 데이터베이스가 미리 정해 놓은 조건이 충족되거나, 특정 테이블에 삽입, 수정, 삭제 등의 데이터 변경 이벤트가 발생하면 DBMS에서 자동적으로 샐행되도록 구현된 프로그램이다. 윈도우 함수 - 행과 행 간의 관계를 쉽게 정의하기 위해 만든 함수이다. - 데이터 베이스를 사용한 온라인 분석 처리 용도로 사용하기 위해서 SQL에 추가된 기능으로 OLA..