Study96 HTML,CSS을 활용한 자기 페이지 만들기 HTML,CSS를 활용한 제 소개 페이지를 만들고 배포까지 할수 있게 한번 해보겠습니다 ~ 사실 프론트엔드 경험은 이전에도 좀 해봤으나 배포까지 해본적은 없었던거 같은데 이번에는 배포까지 해보겠습니다!! 1.HTML로 파일 만들기 html로 파일을 만들었습니다!! 이때까지 공부했던 HTML 공부했던걸 토대로 사용했습니다. 사용한 HTML 요소들과 태그들을 볼께요! 1.과 제 개인정보가 들어날 것같은 내용은 살짝 지우고 ㅎㅎ 여기서 다시 볼만한건 class="accent"와 정도 될꺼같네요. class="accent"는 CSS파일에 저장해놓은 정보입니다. 바로 위 사진을 보면 "실습1.css"라는 파일이 보이죠? 저기에 제가 어떻게 꾸밀 것인가 에 대해 저장해놨습니다. 은 앞에 정렬된 목록을 나타냅니다. .. 2024. 1. 3. Python(1)-Python 기초 아예 쌩늅늅이들을 위해 정리를 해보려고해용 :) Python 파이썬은 프로그래밍언어 작성 후, 컴파일이 아닌 인터프리터를 통해 실행된다. 1991년 Guido van Rossum에 의해 개발되었다. (사실은 java 보다 4년 일찍 출시되었다.) 객체 지향 언어이며 동적 타이핑 언어 인터프리터랑 컴파일러랑의 비교를 해볼까요? 인터프리터와 컴파일러는 사람이 쓰는 개발언어를 기계어로 번역해주는 것입니다. 컴파일러는 단어의 뜻과 비슷하게 프로그램 전체를 스캔하여 이를 모두 기계어로 한번에 번역합니다. 인터프리터는 프로그램 실행시 한 번에 한문장씩만 기계어로 번역합니다. 인터프리터와 컴파일러 둘다 여어와 같은 인간의 언어로 작성한 코드를 컴퓨터가 이해할 수 있도록 변환시킨다는 점에서는 같습니다. 하지만 인터프리.. 2024. 1. 2. JAVASCRIPT(1) 오늘은 자바스크립트에 대해서 정리해볼께요! 자바스크립트는 웹에서 어떤 일을 할 수 있는지 먼저 정리해보겠습니다. 1. 웹의 요소를 제어 2. 웹 애플리케이션 만듬 3.다양한 라이브러리를 사용할 수 있음. 4. 서버 개발을 할 수 있음. 위의 4개중에서 다 이해했지만 4번 서버 개발을 할 수 있다... 이게 가장 의아해서 좀 더 알아봤습니담. 개발자라면 지나가면서라도 들었던 Node.js를 한번쯤 들어보셨을꺼에요! Node.js는 그동안 프런트엔드 개발에서 사용하던 자바스크립트를 백엔드 개발에서 사용할 수 있도록 만든 프레임 워크입니다. 자바스크립트만 알아도 백엔드를 넘어선 서버 개발까지 영역을 확대할 수 있다니.. 좋은 언어네요!! HTML 문서 안에 자바스크립트 소스를 작성하면 웹 문서에서 바로 확인할.. 2023. 12. 27. CSS CSS은 HTML과 함께 웹 표준의 기본 개념으로써 HTML이 텍스트나 이미지,표 같은 웹 문서에 넣어 뼈대를 만드는 역할이라면 CSS은 텍스트나 이미지, 배경의 크기나 배치 방법등의 요소를 이용하여 디자인을 담당. Cascading style sheet 로 웹 요소에 둘 이상의 스타일을 적용할 때 우선순위에 따라 적용할 스타일을 결정. 케스케이딩은 스타일끼리 충돌하지 않도록 막아주는 방법으로 2가지 방법 존재. 1. 스타일 우선순위 1) 얼마나 중요한가? 2) 적용범위는 어디까지인가? 3)소스 코드의 작성 순서는 어떠한가? 에 따라 어떤 스타일을 먼저 적용할 것인지 결정하는 규칙을 말함. 2.스타일 상속 웹 문서에서 사용하는 여러 태그는 서로포함 관계가 존재. 이때 포함하는 태그를 부모 요소, 포함된 .. 2023. 12. 26. HTML(2) 입력양식 작성하기 입력 양식이란 특정 항목에 사용자가 뭔가를 입력할 수 있게 만든 것으로 '폼'아록도 합니다.입력양식을 사용하면 로그인 창에 아이디와 비밀번호 항목등을 넣을 수 있습니다. 폼의 동작 과정 1.사용자가 아이디와 비밀번호를 입력하고 [로그인] 버튼을 클릭하면 입력한 정보는 웹 서버로 전송됨. 2.서버는 자신이 가진 데이터베이스에서 입력받은 아이디와 비밀번호가 일치하는지 확인후 웹 브라우저에 전송. 텍스트 박스나 버튼 같은 폼 형태는 HTML 태그로 만들지만, 폼에 입력한 사용자의 정보는 ASP나 JSP같은 서버 프로그래밍을 이용해 처리. 1.폼 삽입하기 1.폼을 만드는 태그 여러 폼 요소 태그는 몇가지 속성을 사용해서 입력받은 자료를 어떤 방식으로 서버에 넘길 것인지, 서버에서 어떤 프로그램.. 2023. 12. 26. HTML(1) HTML- hypertext markup language의 줄임말. Hypertext란 문서를 서로 연결해주는 링크로 인터넷에서 링크만 클릭하면 다른 페이지나 사이트로 쉽게 연결하게 해줌 예전에는 화면을 구성할때 예전에는 입력 항목을 구성해놓고 추가했지만, 지금은 이걸 HTML로 사용 HTML은 웹페이지를 기술하기 위한 언어로, markup언어의 일종.markup언어란 텍스트에 태그에 붙여서 텍스트가 문서의 어디에 해당하는지를 기술하는 것 1.HTML의 기본구조 :현재 문서가 HTML5 언어로 작성하는 웹문서라는 뜻 ~:웹 문서의 시작과 끝 :웹문서를 해석하는데 필요한 정보를 입력하는 부분 ~:웹 브라우저 화면에 나타나는 내용 웹브라우저에 문서 정보를 알려주는 태그 영역의 내용은 대부분 웹 브라우저 화면.. 2023. 12. 21. 이전 1 ··· 13 14 15 16 다음
