하와이 가는 여정

Semantic은 '의미론적'이라는 뜻을 가진 단어이다. 의미를 가지는 태그로, 나눠진 구획의 기능을 태그 이름만으로도 이해할 수 있다. Semantic의 장점 1. SEO 최적화에 유리. (SEO: Search Engine Optimization) 검색 엔진이 태그의 목적에 부합하게 설계되어있는 구조의 사이트에서 더욱 빨리 효율적으로 정보를 파악할 수 있어 검색 결과의 노출에 유리할 수 있게 해준다. 2. 웹 접근성에 효율적 일반적인 브라우저에서는 차이가 없지만 스크린리더(시각장애인을 위한 웹 서핑 프로그램)과 같은 환경에서는 웹 접근성과 사용성을 향상시켜준다. 3. 유지보수의 용이성 많은 div사용으로 관리가 어려워지는 문제점에서 벗어나 태그의 이름만 보고도 어떤 영역인지 바로 확인이 가능하며 해당 ..

태그 안에는 크게 바로 실행해보면서 배우는 HTML/CSS HTML과 CSS에 대해서 배워봅시다! 태그 - HTML문서에 대한 정보를 담고 있다. - 일반 사용자는 웹 사이트에서 태그에 속한 정보를 볼 수 없다. - 이 태그는 단 하나만 존재할 수 있다. - 태그 바로 아래 위치한다. 태그 - 문서와 관련된 정보를 담는 태그이다. 태그 - 윕 페이지의 제목을 담는 태그. - 브라우저에서 탭의 제목이나 즐겨찾기 했을 때 이름으로 볼 수 있다. 태그 - HTML 문서에서 실제 보여지는 부분 - 단 하나만 존재 태그 - 제목을 표시하는 태그 태그 - 단락을 표시하는 태그, 컨텐츠 중 글, 본문에 해당하는 내용을 포함

Markdown이란? 일반 텍스트 기반의 경량 마크업 언어이다. 웹상에서 글을 쓰는 모든 사람들을 위한 글쓰기 도구(서식,포맥, 양식)이다. HTML을 몰라도 약간의 노력으로 글자를 HTML형식으로 변환시켜 준다. 쉽게 글을 쓸 수 있도록 해 주고, 읽는 사람에게도 쉽게 읽힐 수 있도록 해 주는 간소한 서식(포맷)이다. 꾸밈없는 간소한 문법으로 끌쓰기에 집중할 수 있도록 도와준다. Markdown 문법 목차 줄바꿈 문단 나누기 중첩된 구조 마크다운 문법을 그대로 보여주고 싶을 때 Header h2 h3 h4 h5 h6 텍스트 강조 기울임 취소선 밑줄 글씨 색 응용 : 다 적용해보자 코드 블록 inline 코드 블록 코드 블록 링크 링크만 있는 inline 링크 설명 있는 inline 링크 동일 파일 내에..

[최초 설정] git config --global user.name 계정명 - git 계정명 등록 git config --global user.email 이메일 - git 이메일 등록 git config --list - git 설정정보 조회 git config --global core.editor 에디터 - git editor 변경 - vi로 변경 > git config --global core.editor vi - vscode로 변경 > git config --global core.editor "code --wait" p.s.) vscode를 설치했을 경우 code . 명령어로 vscode 실행 가능 git config --global -e - git config에 설정한 editor로 config 파..

국비지원으로 구름(goorm)에서 바로 써먹는 풀스택 기초[자바스크립트]를 배우고 있다. 공부하는 내용을 이렇게 블로그로 포스팅하려고 한다.(나중에 다시 공부하고 싶을 때 볼 수 있도록) HTML(Hypertext Markup Language)은 컨텐츠의 구조를 정의하는 마크업언어이다. 컨텐츠(내용)에 태그(마크)를 씌워 구조를 구분하여 정의한다. 태그+컨텐츠+태그 형식을 요소(Element)라 한다. 바로 실행해보면서 배우는 HTML5/CSS3 제목, 부제목, 내용은 각각 , , 태그를 사용한다. (태그는 대문자로 작성할 수는 있지만, 주로 소문자로 작성하길 권장한다고 한다.) HTML의 요소(Element)가 하나 둘 쌓여 HTML 문서를 이룬다. 하지만 요소만으로는 문서를 완성할 수 없다. 다음 태..

컨벤션(Convention)이란, 같이 작업을 하면서 통일성을 지키기 위해 정한 규약이다. Git Commit Message Convention 출처: https://youngest-programming.tistory.com/550 1. [타입(type)]제목(title, subject) 2. 본문내용(body) 3.꼬리말(footer) 로 이루어진다. 1. [타입(type)]제목(title, subject) 먼저 타입이다. 이때까지 Github에서 본바로는 보통 사람들이 가장 많이 사용하는 커밋메시지 컨벤션 타입은 다음과 같다. feat: 새로운 기능 추가 fix: 버그 픽스 docs: 문서 수정 style: 포맷, 세미콜론 수정, Optimize import, Code clean up 등 코드가 아닌..

1550번: 16진수 첫째 줄에 16진수 수가 주어진다. 이 수의 최대 길이는 6글자이다. 16진수 수는 0~9와 A~F로 이루어져 있고, A~F는 10~15를 뜻한다. 또, 이 수는 음이 아닌 정수이다. www.acmicpc.net 언어는 파이썬을 사용했습니다. 어우 벌써 어려움이 몰려왔다...고민을 하다가 답을 보고 공부하기로 했다. sys.stdin.readline을 사용하는 이유는 다음 홈페이지에서 잘 설명이 되어있다. [Python 문법] 파이썬 입력 받기(sys.stdin.readline) 파이썬으로 코딩 테스트를 준비한다면, 반드시 알아야 할 입력방식인 sys.stdin.readline()에 대한 정리 입니다. velog.io 배열 xnum은 16진수의 수를 나타낸것이다. strip()함수는..

백준 문제 순서는 https://solved.ac/ 의 순서를 따라가고 있습니다. solved.ac 우리 모두가 만들어가는알고리즘 문제해결 학습의 이정표 solved.ac는 Baekjoon Online Judge 문제들에 태그와 난이도를 붙이는 커뮤니티 프로젝트입니다. 현재 12,923개 문제에 난이도 정보를 제공하고 solved.ac 언어는 파이썬을 사용했습니다. 1271번: 엄청난 부자2 첫째 줄에는 최백준 조교가 가진 돈 n과 돈을 받으러 온 생명체의 수 m이 주어진다. (1 ≤ m ≤ n ≤ 101000, m과 n은 10진수 정수) www.acmicpc.net 처음에 무슨 문제지??하고 생각에 잠겼다. 천천히 읽어보니 단순히 나눗셈과 나머지를 구하는 문제였다는 것을 알 수 있었다. 첫 시도는 실패..

백준 문제 순서는 https://solved.ac/ 의 순서를 따라가고 있습니다. solved.ac 우리 모두가 만들어가는알고리즘 문제해결 학습의 이정표 solved.ac는 Baekjoon Online Judge 문제들에 태그와 난이도를 붙이는 커뮤니티 프로젝트입니다. 현재 12,923개 문제에 난이도 정보를 제공하고 solved.ac 언어는 파이썬을 사용했습니다. 1000번 A+B 문제를 풀으니깐 쉽게 해결이 되었다. 한번에 성공~~!!!

백준 문제 순서는 https://solved.ac/ 의 순서를 따라가고 있습니다. solved.ac 우리 모두가 만들어가는알고리즘 문제해결 학습의 이정표 solved.ac는 Baekjoon Online Judge 문제들에 태그와 난이도를 붙이는 커뮤니티 프로젝트입니다. 현재 12,923개 문제에 난이도 정보를 제공하고 solved.ac 언어는 파이썬을 사용했습니다. a=input("A:") b=input("B:") print("A+B=%d",a+b) 첫 시도는 런타임 오류. a=int(input("A:")) b=int(input("B:")) print("A+B=",a+b) 변수 a,b가 정수형으로 받아야하기 때문에 int형임을 언급해주었다. 하지만 여전히 오류. 원인은 백준에서 원하는 코드가 아니기 때문..