본문 바로가기

전체 글

 (127)
[HTML]CSS, javascript 사용법 HTML은 웹문서의 기본 뼈대 CSS는 HTML에게 옷을 입혀주는 디자인 javascript는 HTML을 움직이게 해주는 생명을 불어주는 피와 같은 역할을 한다 CSS사용법 태그에 style=""속성으로 직접 입력하기 직접입력 javascript 사용법 중간 중간에 사용 해도 되지만 일반적으로 밑에 사용한다 js파일 불러오기 직접 입력하기
[코딩 시작하기]개발자 도구 소개 개발자 도구 코딩을 하다보면 상당히 많은 글씨들로 이게 뭐고 어디가 어딘지 뭐가 뭔지 모르는 경우가 많다 나는 처음에 어릴적 기억으로 구글 블로그에서 html로 글을 썻는데 엄청난 집중력으로 코딩을 했었다(지금은 전부 없애고 하나로 만듬) 이렇게 혼자서 아무것도 이용하지 않고 하다게 되면 가독성이 떨어지며 엄청난 집중력이 필요하다 이런 것을 보완해 주는 것들이 코딩 프로그램 https://korearaogong.tistory.com/3 [코딩 시작하기] 코딩 프로그램(Visual Studio Code) 코딩 시작하기 HTML, CSS, javascript 등의 언어는 기본적으로 메모장에서 진행한다 일반적인 문서도 엑셀같은 통계 발표할 때에도 메모장을 이용할 수 있지만 대부분 메모장을 이용하지 않는다 문 ..
[HTML 시작하기]구조 HTML의 구조 html파일에서는 태그(tag)라는 일종의 명령어가 있다 태그는 키보드 ,와 .위에 있는 부등식 처럼 생긴 괄호안에 태그명를 입력 하며 몇개의 태그를 제외하고 태그를 시작시했으면 태그에 영향을 받을 내용을 입력한 뒤 태그의 닫아준다 태그에 영향을 받는 내용 HTML은 웹 문서의 기본 뼈대이다 이러한 문서에는 양식이 존재한다 위의 내용들은 기본적으로 사용하는 세팅값이라고 생각하면 되기 때문에 굳이 알필요는 없지만 태그에 대해서는 간략하게 알아둘 필요는 있다 컴퓨터는 줄바꿈과 띄어쓰기 같은 공백을 이해하지 못한다 그래서 공백이나 줄바꿈을 하고 싶다면 컴퓨터에게 그에 맞는 태그나 명령어를 입력해야 된다 공백은 사람이 보기 편하게 하기 위해서 만든것이다 모든 웹문서에 사용되는 공통 태그 html..
[코딩 시작하기]블로그에 소스 코드 넣고 실행하기(CODEPEN ) 구글 블로그에 중국어 타자연습 프로그램을 만들면서 처음이나 마찬가지로 코딩을 하게 되었다 코딩을 처음 하다보니 검색을 많이 하게 되었고 검색을 하면서 불편한 글들도 많았다 1. 불펌 방지 이쁨만 추구하는 글들 프로그램을 만들어보며 가장 불편했던 점은 블로그를 이쁘게 만들기 위해서인지 불펌을 방지하기 위해서인지는 모르겠지만 코드소스를 이미지로 올리거나 복사를 못하게 막아둔 글들이다 하지만 글을 쓰는 입장에서는 막 퍼가서 마음대로 사용하는 사람들이 많아 이해를 하긴 하지만 초보사용자 입장에서는 이런걸 막아두면 뭐하러 공개하나 광고비만 받으면 되는건가라는 생각을 하기도 한다 2. 코드 소스만 올린 글들이다 역시나 시작하는 초보입장이여서 효율적으로 이용을 못하는 것일지도 모르지만 소스를 복사해서 내 코딩 프로그..
[코딩 시작하기]확장자 이해하기 컴퓨터에는 여러 확장자명이 있다 확장자란 파일 형식을 말한다 메모장으로 새로운 파일을 만들 경우 메모장의 확장자명은 txt이다 우리가 게임이나 무언가를 실행 하는 실행파일의 경우에는 일반적으로 exe 파일이다 이렇듯 코딩을 하는 언어에 따라서 확장자가 다르다 인터넷 홈페이지 등에 사용되는 인터넷 문서인 html의 경우에는 확장자가 html이며 html을 디자인 해주는 CSS프로그램의 확장자는 css 주로 인터넷에서 사용하는 프로그래밍 언어인 javascript 파일의 확장자는 js 이와같이 파일의 형식에 따라서 확장자명이 틀리며 무엇을 이용하느냐에 따라서 그에 맞는 확장자를 사용해야 된다 처음 코딩을 시작하게 되면 난이도가 쉬운 웹페이지부터 만들어 보는게 좋다고 생각하기 때문에 html, css, jav..
[코딩 시작하기]Visual Studio Code 세팅하기(세팅 및 확장프로그램 추가) 한국어 버전 https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko Korean(사용법) Language Pack for Visual Studio Code - Visual Studio Marketplace Extension for Visual Studio Code - Language pack extension for Korean marketplace.visualstudio.com 태그 변경시 close 태그도 동시변경 https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag Auto Rename Tag - Visual ..
[코딩 시작하기] 코딩 프로그램(Visual Studio Code) 코딩 시작하기 HTML, CSS, javascript 등의 언어는 기본적으로 메모장에서 진행한다 일반적인 문서도 엑셀같은 통계 발표할 때에도 메모장을 이용할 수 있지만 대부분 메모장을 이용하지 않는다 문서를 작설할 때에는 워드(Word)나 한글과컴퓨터와 같은 문서를 작성할때 편한 프로그램 통계나 많은 계산을 할때에는 엑셀이나 스프레드시트같은 계산에 특화된 프로그램 다른 사람들에게 무언가를 설명하거나 발표 등을 할때에는 파워포인트 같은 프로그램 등등을 이용해서 내가 하고자 하는 행동에 따라 프로그램을 선택을 해서 사용을 한다 이처럼 코딩 또한 코딩할때 편한 프로그램을 이용해서 사용한다 무슨 프로그램을 사용해야 될까? 문서를 작성할 경우에는 워드를 사용하는사람이 있고 한글과컴퓨터를 사용하는사람 등등 자신이 ..

티스토리툴바