profile
하루 한 걸음 성장하는 개발자
post-thumbnail

[HTML] Tag - Basic

참조킹포이마웹문서 형식 정의 (Document Type Definition, DTD)태그는 출력할 웹 페이지의 형식을 브라우저에게 전달한다. 문서의 최상위에 위치해야 하며 대소문자를 구별하지 않는다.html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나

약 1시간 전
·
0개의 댓글
post-thumbnail

[Html]Semantic WEB

참조 킹포이마웹 Semantic WEB 인터넷에서 원하는 정보를 획들 할 때 구글이나 네이버와 같은 포털 사이트를 이용한다. 각 사이트는 검색엔진을 사용하고 그 검색엔진에 노출 되는게 매우 중요한데, 검색엔진에 노출되지 않으면 접속하는 이도 없기 때문이다. 스마트 스

약 2시간 전
·
0개의 댓글
post-thumbnail

[Html] HTML5

참조킹갓 poiemawebHTML은 웹페이지를 기술하기 위한 마크업언어이다. 웹에서 구조와 내용을 담당하는 언어로 HTML 태그를 통해 정보를 구조화 하는 것이다. 멀티미디어html5 이전에는 flash와같은 플러그 인으로 동영상이나 플래쉬를 보여줫었는데, HTML5부

약 3시간 전
·
0개의 댓글
post-thumbnail

[IT 용어] Open Source 에 대해서

참조Heropy 선생님 블로그오픈 소스란 어떤 제품을 개발하는 과정에 필요한 소스 코드나 설계도를 누구나 접근해서 열람할 수 있도록 공개 하는 것이다.오픈 소스라 하면 보통 무료 저작권이고 공짜로 사용해도 문제가 없다 생각하지만 상업적 이용에 제한이 있거나 경우에 따라

어제
·
0개의 댓글
post-thumbnail

[개발 도구] VS code 약어 정리

참조헤로피 선생님 블로그vs 코드를 사용하는데 약어를 몰라서 불편하게 사용할 때가 많았다. 헤로피님 블로그를 참조해서 직접 사용해보고 약어도 정리하도록 하겠다.Preferences(기본 설정) > Keyboard Shortcut(바로 가기 키)약어 목록약어가 기억이 안

어제
·
0개의 댓글
post-thumbnail

[Python] range() 함수

python에서는 for 문과 자주 사용되는 range() 함수가 있다. 파라미터 3개가 사용되는 경우가 잘 기억이 나지 않아서 정리한다.range() 함수는 일정 범위의 정수를 순차적으로 생성해 주는 함수이다. 파라미터 개수에 따라 세가지 방법으로 사용할 수 있다.r

어제
·
0개의 댓글
post-thumbnail

[코테] 정수 제곱근 판별

정수 제곱근 판별임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다.n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요.n은 1이상, 5000000000

4일 전
·
0개의 댓글
post-thumbnail

[Vue] scss를 사용해보자

참조 쌩우님 블로그 [Heropy 블로그] (https://heropy.blog/2018/01/31/sass/) scss란? 나는 sass에 대한 개념자체가 없어서 한번 정리하고 넘어간다. css의 한계 css는 브라우저를 이쁘게 꾸밀수 있게 도와준다. 하지만 불

5일 전
·
0개의 댓글
post-thumbnail

[Vue] 다양한 Component 활용법!

컴포넌트에 대해서 검색해보니, 엄청나게 많은 이야기가 나오고 하드웨어 컴포넌트 -> 소프트웨어 컴포넌트 -> 객체지향 컴포넌트 (CBD) 등등 굉장히 많은 이야기가 나오는 것을 알 수 있었다. but 우리는 vue에서 말하는 컴포넌트에 대해서 알아야 하니까! 기능과 디

5일 전
·
0개의 댓글
post-thumbnail

[코테]자릿수 더하기

자릿수 더하기자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요.예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다.N의 범위 : 100,000,000 이하의 자연수str으로 형변환 후

5일 전
·
0개의 댓글
post-thumbnail

[코테] 약수의 합

약수의 합정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해주세요.n은 0 이상 3000이하인 정수입니다.약수를 구하는 가장 흔한 방법 for문을 돌려서 해결!약수를 반으로 나누어서 해결해서 성능을 높이다니. 짱이다 반복문을 절반만

6일 전
·
0개의 댓글
post-thumbnail

[JS] Export 모듈 내보내고 가져오기

다른 파일에 있는 데이터 or 변수 or 함수 등등을 사용하기 위해서 모듈화하는데 JS에서는 과연 어떻게 모듈화 하는지 알아보자. Export 선언부 앞에 export 붙이기 변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능하다 선언부

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[Vue] v-if

우리가 태그를 보여줘야 하는 경우가 있고, 아닌 경우가 있을거다. 그럴 때 v-if를 사용한다.간단한 모달 창을 만들었다. Modal 창은 평상시에 닫혀 있다가, 필요할 때 보여야 한다.항상 보이면 문제가 있다. 모달 창 최상위 <div>에 v-if옵션이 존재하는

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[코테] 시저 암호

시저 암호어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[Vue] 이벤트 핸들링

뷰는 이벤트를 사용할때 태그 옆에 옵션을 주는 것 처럼 사용할 수 있다.함수는 script 내의 export default안에 methods라는 옵션안에 작성해주면된다.리액트나 자바스크립트보다 훨씬 쉬운 이벤트 활용에 놀랏다.그리고 다양한 이벤트를 정리해봐야겠다고 생각

2022년 6월 20일
·
0개의 댓글
post-thumbnail

[Vue] v-for 반복하자!

vue에서 template에 있는 반복되는 html태그들을 반복문으로 볼 수 있게 해주는 아주 유용한 기능이다.!js나 다른 곳에서 for문은 언제 쓰는가?!1\. 그 숫자만큼 반복하려고 할 때 2\. 배열을 반복해서 하나씩 꺼내고 싶을 때!v-for옆에 key가 보인

2022년 6월 20일
·
0개의 댓글
post-thumbnail

[Vue] 설치 방법

뷰 Vue 설치하기 node 설치 (url) 최신 or 최신 LTS 버전 아니면 에러남 윈도우/맥 똑같이 설치하면 됨 다른 경로에 설치 하면 안됨 vscode 검색 후 설치 vscode에서 새 터미널을 열어준다. 터미널에 npm install -g

2022년 6월 20일
·
0개의 댓글
post-thumbnail

[Vue] Vue를 사용하는 이유

뷰란? Evan You가 만들었으며, 2014년 릴리즈 이후 꾸준히 발전하고 있는 자바스크립트 프레임 워크이다. 컨트롤러 대신 뷰 모델을 가지는 MVVM(Model-View-ViewModel) 패턴을 기반으로 디자인 되었다. spa web-app 뷰의 특징 MVV

2022년 6월 20일
·
0개의 댓글
post-thumbnail

[cs] 가상현실, 증강현실

우리는 현재 엄청나게 발전한 it 기술 세계에 살고 있다. 발전된 카메라 기술을 통해서 더 쉽고 좋은 성능으로 시뮬레이션을 즐길 수 있고, 포켓몬 고와 같은 게임을 통해서 현실에 있지 않지만 있는 거 같은 느낌을 느낄 수도 있다.가상현실은 오큘러스 같은 장비를 착용하

2022년 6월 20일
·
0개의 댓글
post-thumbnail

[CS] 이미지

우리들은 다양한 파일들을 보낸다. 아무생각 없이 보냈지만, 의문이 든다. 컴퓨터는 그것을 어떻게 구분하는 걸까? 그리고 이미지 파일에는 bmp, img, jpeg, jpg등등 다양한 파일들을 어떻게 구분할까?이미지 파일 위에는 헤더가 달려있다. 그리고 이 헤더에는 어떤

2022년 6월 20일
·
0개의 댓글