본문 바로가기

Develop31

[Web] CSS - 기본 선택자 전체 선택자 스타일 문서의 모든 요소에 적용할 때 사용합니다. 주로 모든 하위 요소에 스타일을 한꺼번에 적용할 때 사용합니다. *(애스터리스크)를 사용하여 나타냅니다. *{속성: 값;...} 웹 브라우저의 기본 스타일을 초기화할 때 자주 사용합니다. 예를 들어 웹 문서 내용을 브라우저 창에 바짝 붙지 않도록 문서 내용과 브라우저 테두리 사이를 나타내는 마진과 패딩을 0으로 초기화합니다. 타입 선택자 특정 태그를 사용한 모든 요소에 스타일을 적용합니다. 태그명 {스타일 규칙} 클래스 선택자 같은 태그라도 일부 다른 스타일을 사용하고 싶을 때, 타입 선택자를 이용하여 특정 부분만 스타일을 적용할 수 있습니다. .클래스명{스타일 규칙} 클래스 선택자를 이용해 만든 스타일을 클래스 스타일이라 하는데, 이미 만들.. 2021. 12. 3.
[Web] HTML - 주요 시멘틱 태그 시멘틱 태그 시멘틱 태그란 '의미론적인', '의미가 통하는'이라는 뜻의 시멘틱을 사용해 이름만 봐도 의미를 알 수 있는 태그입니다. 헤더 영역을 나타내는 태그 사이트 전체 또는 특정 영역의 헤더 영역을 의미합니다. 주로 맨 위쪽이나 왼쪽에 있으며, 검색 창이나 사이트 메뉴를 삽입한다. 네비게이션 영역을 나타내는 태그 같은 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만듭니다. 웹 문서의 위치에 영향을 받지 않아 헤더나 푸터, 사이드 바 안에 포함될 수 있고 독립해서 사용할 수 있습니다. 태그를 여러 개 사용할 경우 각각의 id 속성을 지정하면 내비게이션마다 다른 스타일을 적용할 수 있습니다. 핵심 콘텐츠를 담는 태그 웹 문서에서 핵심이 되는 내용을 넣습니다. 여기에는 메뉴, 사.. 2021. 11. 29.
[Web] HTML - 문서 구조 HTML의 기본 구조 보통 로 시작해 , : 웹 브라우저가 웹 문서를 해석하는데 피용한 정보를 입력하는 부분 ~: 실제로 웹 브라우저 화면에 나타나는 내용 lang 속성으로 문서에서 사용할 언어를 한국어로 지정한다. 검색 사이트에서 특정 언어로 제한해 검색할 때 결과 제공한다. 태그 1. 태그 태그: 웹 브라우저에는 보이지 않지만 웹 문서와 관련된 정보를 지정할 때 사용 웹 서버는 영어가 기본이므로 화면에 한글로 된 내용을 표시할 때에는 UTF-8이라는 문자 세트를 사용한다고 웹 브라우저에 알려 줘야한다. 그 밖에 태그는 웹 사이트의 키워드나 간단한 설명, 제작자 등의 정보를 다음과 같이 지정할 수 있다. 이 정보는 검색 엔진에서 사이트를 검색할 때 참고하는데, 검색 엔진에 따라 참고하는 정보는 달라질 .. 2021. 11. 26.
[CS] HTTP & HTTPS ⊙ HTTP란? HTTP(HyperText Transfer Protocol)는 웹 상에서 정보를 주고받을 수 있는 프로토콜을 의미한다. 즉, 데이터를 교환하기 위한 통신규약으로 주로 TCP/IP와 80번 포트를 사용한다. ⊙ HTTP의 구조 요청 메시지는 요청 내용(Method, Path, Protocol), Header, 빈 줄, 기타 메시지의 형태로 이루어진다. 서버 응답은 상태 표시행(상태코드, Reason Message), 응답 헤더 필드, 빈 줄, 기타 메시지의 형태로 이루어진다. ⊙ HTTPS HTTP(HyperText Transfer Protocol over Secure Socket Layer)는 HTTP에 암호화가 추가된 버전을 의미한다. HTTP와 다르게 443번 포트를 사용하며, 제 3.. 2021. 8. 31.
[CS] RESTful API 명명법 REST(Representational State Tranfer) API는 URI를 통해 자원을 표시해야하며, HTTP Method를 이용하여 자원의 행위를 규정한다. 그렇기 때문에 REST API 설계시, 이 두가지 항목이 제일 중요시하게 된다. 이번 글에서는 RESTful API 명명 규치에 대해 다룬다. ⊙ REST API 명명 규칙 1. 후행 슬래쉬(Back Slash "/")는 마지막에 포함되지 않는다. 슬래쉬는 각 계층적 관계를 표현한다. 후에 다른 계층이 존재하지 않을 경우, 쓰지 않는 것이 원칙이다. 후행 쓸래쉬는 의미가 전혀 없을 뿐만 아니라 Front-End 개발자에게 혼란을 야기하기 때문에 자양한다. https://www.naver.com/ https://www.naver.com 두 .. 2021. 8. 30.
[Spring Boot] 단위 테스트 코드를 작성해보자 (1) ⊙ TDD? 단위 테스트 코드? TDD란? Test-driven development의 약자로 테스트가 주도하는 소프트웨어 개발 프로세스를 의미한다. 기존에 디자인 - 코드 작성 - 테스트의 순서에서 벗어나 디자인 단계를 미리 정의하여, 테스트 코드를 먼저 작성하는 것부터 시작한다. Red: 항상 실패하는 테스트를 먼저 작성한다 Green: 테스트가 통과하는 프로덕션 코드를 작성한다 Refactor: 테스트가 통과하면 프로덕션 코드를 리팩토링한다 단위 테스트란? 단위 테스트 코드는 TDD의 첫 번째 단계인 기능 단위의 테스트 코드를 작성하는 것을 의미한다. 그럼 단위 테스트 코드는 왜 필요하며 어떤 이점이 있을까? 단위 테스트는 개발단계 초기에 문제를 발견하게 도와준다 단위 테스트는 개발자가 나중애 코드.. 2021. 8. 6.
[DialogFlow] What is DialogFlow? DialogFlow란? 대화형 사용자 인터페이스(Chatbot)를 설계하고 모바일 앱, 웹 애플리케이션, 기기, 봇, 대화형 음성 응답 시스템 및 관련 용도에 통합하는 데 사용되는 자연어 이해(NLU) 플랫폼이다. 구글이 제공하는 머신러닝 기반의 NLU, NLP를 이용하여 쉽게 챗봇을 만들 수 있다. DialogFlow의 장점 구글이 만들었다. 머신러닝 성능을 의심할 필요가 있을까? 학습 속도가 굉장히 빠르다. 네이버 Clova, 카카오의 i 오픈빌더 등과 현저히 다른 학습 속도를 자랑한다. 다양한 프론트엔드와 연결이 가능하다. Facebook message, Twitter, Line, Telegram, Kik, Slack 등과의 Integration이 가능하여 굳이 애플리케이션의 형태가 아니더라도, 사.. 2021. 7. 30.
[CS] What is MSA? Micro Service Architecture의 약자로 System Architecture 종류 중 하나이다. Monolithic Architecture 소프트웨어의 모든 구성 요소(서비스)들이 하나의 프로젝트로 통합되어 있는 형태 소규모 형태의 프로젝트에 적합 하나로 통합된 간단한 아키텍쳐면서 프로젝트 규모가 작을수록 유지보수가 편하다. 구조가 단순한만큼 소규모 프로젝트를 바로 만들고 빌드, 테스트, 배포가 용이하다. 프로젝트 참여 개발자가 수백명 이상이거나 프로젝트 규모가 크다면 부적합하다. 빌드/테스트 시간이 기하급수적으로 증가할 수 있고, 모듈들의 결합도가 큰 경우 일부분에서 Error가 발생할 경우 전체 Error로 이어진다. 하나의 덩어리 프로젝트이기에 이부분의 수정을 위해 전체를 다시 배포.. 2021. 7. 30.
[Git] Git 벼락치기! - 초심자 가이드 ※명령어의 기초※ 대용으로 가능(이전 단계로 한 번 이동하는 기능) ※ 기본 명령어 ★git init : 프로젝트의 디렉토리로 이동해서 새로운 git 저장소 생성한다 ★git add : 프로젝트의 디렉토리에 파일을 변경 내용을 staging area로 추가한다 git add .: 현재 디렉토리의 모든 변경 내용을 staging area로 넘긴다 ★git status : 파일의 상태(수정 여부)를 확인한다 ★git clone : 다른 프로젝트에 참여하거나 Git 저장소 복사한다 ★git rm : 파일을 삭제하고 stage 상태로 변환하고 commit 후에 완전히 삭제한다 ※ Commit 관련 ★git commit -m "" : 현재 상태를 커밋하다 git commit --amend : checkout 된 .. 2021. 7. 9.
반응형

티스토리툴바