개발일지/웹프로그래밍
-
JavaScript 기본개발일지/웹프로그래밍 2021. 12. 22. 21:01
JavaScript란 우선 헷갈릴 수 있어서 미리 이야기하는데 JavaScript != Java 임을 명시하자. 이름만 비슷할 뿐 서로 전혀 다른 말이다. 우선 이 JavaScript는 html에 적용되는 언어로써 동적인 부분을 맡아 쳐리한다. 동적인 부분이란 웹프로그래밍 3대장 중 html, css은 미리 텍스트로 짜여저 있고 그저 작성한대로 보여주기만 한다. 하지만 다들 알다시피 웹사이트는 계속해서 변화를 한다. 클릭을 하고 내용을 쓰고 새로고침을 하고 홈페이지로 돌아가고 등등 사용자의 입력에 따라 계속해서 다른 화면을 보여주게 된다. 이를 구현하는 것이 바로 JavaScript (이하 JS)이다. 이전에 작성한 예시의 홈페이지를 보게되면 버튼 1 버튼 2 버튼 3 버튼 4 위에 그림과 같은데 여기서..
-
CSS 기본 내용개발일지/웹프로그래밍 2021. 12. 22. 20:39
CSS 란? Cascading Style Sheets 의 약자로 웹사이트를 꾸며줄 때 사용하는 언어이다. 지난글의 HTML은 구조를 뜻하면 CSS는 만들어진 구조를 이쁘게 다듬는 역할이라고 생각한다. CSS의 기본문법은 크게 어렵지않고 우선 html의 어떤 요소를 꾸며하는지 지정해야하기 때문에 html애서 태그를 특정하는 Class 와 id를 활용한다. 버튼 1 버튼 2 버튼 3 버튼 4 해당 html 코드에서 2번재 버튼을 꾸며 주기 위해선 2번째 을 가리켜야하는데 이때 필요한게 class 와 id 이다. Class, id 외에도 를 선택하는 를 Selector 라고 한다. 버튼 1 버튼 2 버튼 3 버튼 4 Class와 id를 설정했다면 html코드의 버튼 1 버튼 2 버튼 3 버튼 4 지금은 코드가..
-
HTML 기본 개념개발일지/웹프로그래밍 2021. 12. 22. 19:38
HTML 이란 Hyper Text Mark up Language의 약자로 웹사이트에서 구조를 맡고 있다. HTML과 더불어 CSS, javascript와 함께 웹사이트를 만들기 위한 필수 요소이다. HTML의 기본 구조는 태그로 되어있다는 점인 데 크게 태그는 를 말하며 내부에는 지정된단어들이 들어간다. 대부분의 경우는 짝을 이루어서 존재하고 2번째로 오는 곳에는 슬래시를 포함하여 작성한다. 가장 크게 부분을 나눈다면 내용 작성 태그와 태그이다. 는 html의 설정값, 인코딩 종류, 링크관리, 모양, 함수 등등 미리 설정해줘야하는 태그들 및 내용이 들어간다. 는 실제 내용물이 들어간다. 웹사이트를 보게되면 보이는 박스라던가 라벨, 이름, 문장, 단어 등등이 이에 포함된다. 기본으로 사용되는 태그들에는 구..