본문 바로가기

전체 글137

[코딩 공부_10] <button> vs <input type="button">, 둘의 차이는? 이번에는 내가 실수했고 궁금했던 부분에 대해 포스팅하고자 한다. 내가 태그에 대한 의미나 기능에 대해 알아보지 않고 사용했기 때문에 생긴 일이라 생각한다. 조금 더 주의해서 태그를 볼 필요가 생겼고, 똑같이 구동하지만 작은 차이가 있기 때문에 연관있는 태그는 한번 더 보고 가야된다는 생각을 하게 만든 태그이다. 내용은 스텍 오버플로를 참고하여 제작하였다. 과 의 차이는 무엇일까? 두 태그를 실행 시켰을 때 동일한 버튼의 모양이 나오기 때문에 헷갈릴 수 있지만, 둘의 역할이 다르다. 태그는 여는 태그와 닫는 태그로 이루어져 있어 컨텐츠를 감쌀 수 있고, 은 단일태그인 차이점이 있다. 그렇기 때문에 태그가 더 자유롭게 사용이 가능하며, 이미지와 같은 컨텐츠를 버튼으로 제작할 수 있다. 은 form태그안에 속.. 2021. 2. 23.
[코딩 공부_09] DEFLIX 완성하기 오늘은 넷플릭스를 모티브로 한 DEFLIX 기획안을 보고 수업시간에 html 페이지를 제작해보았다. 기획안을 보며 웹 사이트와 웹 페이지의 구조, 그리고 하드코딩에 대해 깊게 배운 시간이다. 코딩을 하면 항상 어렵고.. 어렵고.. 어려웠다.. 수업시간 안에 끝내고 싶었지만 못했었다 ..........😅 복습을 하면서 어떤 식으로 버그를 해결해야하는 지 감이 왔다 !! ㅎㅎㅎ 깨닫는 데 시간이 참 오래 걸리는 듯하다 !! 오늘은 프로젝트 코드와 결과, 그리고 나의 문제점, 해결방법, 느낀점에 대해 총 정리하는 시간을 가지겠다!! ↓ Index.html DEFLIX - 로그아웃 응답하라 1994 Lorem ipsum dolor sit amet consectetur adipisicing elit. In omn.. 2021. 2. 22.
[코딩 공부_08] 웹 사이트와 웹 페이지의 구조 알아보기 우리는 지금 html로 하드코딩을 배우고 있다 😎 너무 힘들다 ㅠㅠㅠ 아직 익숙하지 않아서 그런걸 잘알고 있지만 나만 뒤처지는 거 같아서 우울하다😥 컴퓨터 언어 중에서 html이 제일 쉬운 부분이라고 들었지만 나한테는 전혀 아닌 듯한 느낌이다 ㅎㅎ.. 요번에는 웹 사이트와 웹 페이지의 구조에 대해 알아보았다 항상 수업할 때는 잘 이해가 되지 않았는데 복습하면서 아!! 말씀하셨던 게 이런거였구나! 하면서 뒤늦게 깨닫는다 ,, 복습이 역시 최고다!! 이번엔 코딩한 부분과 함께 부연 설명을 할 것이다! 웹 사이트의 구성 아래는 index.html으로 사이트의 첫시작 페이지이다. 여기서 사이트란, 웹 페이지의 모임을 뜻한다. 즉 index.html 이외 main.html, sign-up.html...등 여러 h.. 2021. 2. 19.
[디자인_01] 아트웍 만들기 2021. 2. 18.
[코딩 공부_07] form 태그 사용하기 오늘 수업은 form 태그를 배웠는데 사실 무슨 소리인지 잘몰라서 엄청 헤맸다 ㅎㅎ..😂 지금 열심히 복습하면서 수업했던걸 깨달았다,,(역시 복습은 최고!) 내일은 더 정신바짝차리고 들어야겠다 하.하.하 분명 똑같이 썼는데 자꾸 내가 원하는 답이 안나와서 답답했는데 알고보니 새로고침을 안한거였다🤓(멍청이..) ① : 사용자로부터 입력을 받을 수 있는 HTML 입력 폼을 정의할 때 사용하는 태그이다. - 사용자로부터 입력 받아야하는 부분을 표현해야하기 때문에 다양한 속성이 존재한다. 속성명 속성값 설명 action URL 폼 데이터가 서버로 제출될 때 해당 데이터가 도착할 URL을 명시 method ① get ② post 폼 데이터가 서버로 제출될 때 사용되는 HTTP 메소드를 명시 name 텍스트 요소의.. 2021. 2. 17.
[코딩 공부_06] HTML로 위키피디아 페이지 만들기! 오늘은 html로 맥도날드 정보를 담은 위키피디아 페이지를 만드는 프로젝트를 해보았다!! 처음엔 '이걸 할 수 있을까.. 나 코딩 엄청 못하는데 ㅠㅠ'하는 마음에 엄청 불안했는데 막상 하니 된다 😊😋 역시 그냥 하면 어떻게든 되나 싶다!!🙂 더 열심히 만들어야겠다는 마음이 커지는 프로젝트였다!! 내가 작업하면서 어떤 부분이 힘들었고 무슨 태그인지 설명해보는 시간을 가져보도록 하겠다 🥇완성된 맥도날드 위키피디아 프로젝트🥇 ↑캡처를 하면 항상 화질이 낮아져서 너무 슬프다.. 아무리 캡처라지만 너무 흐리멍텅해진다 😥 아무튼 50분-1시간 사이에 완료했던 거 같다!! 간단하면서도 헷갈려서 정신없었다🙄😶 🧐간단하지만 양이 많기 때문에 큰 제목을 기준으로 나눠서 분석하겠다🧐 ① 맥도날드 위키피디아 정보 / 목차 맥.. 2021. 2. 16.
[코딩 공부_05] HTML의 각종 태그들 정리 오늘 수업에서 배운 각종 태그들을 정리하는 시간을 가져보도록 하겠다. 엄청 중요한 태그라고 생각하기 때문에 더 열심히 정리하였다!! 😎😎 ① 목록태그 : list를 나열할 때 목록을 구분해주는 태그로, 목록태그의 종류는 총 3가지가 있다. - 순차적 목록(Order List) → : 순서가 있는 목록, 자동으로 각 항목에 기본 값으로 숫자가 부여된다. - 비순차적 목록(Unorder List) → : 순서가 없는 목록, 자동으로 원형 특수문자가 부여된다. - 정의형 목록(Definition List) → : 특정한 개념이나 용어에 대한 설명이나 정의를 할 떄 사용, 가끔 사용한다. * 모두 목록을 구분해주기 때문에 list를 표시해주는 태그를 둘러싸고 있는 형태이다. * 태그는 블록 요소, 텍스트, 인라.. 2021. 2. 15.
[코딩 공부_04] HTML, 웹을 이루는 근간 모든 웹 서비스는 HTML로 이루어져 있다. 웹페이지를 서술하고 정의하는데 사용하고 있는 HTML! 정확하게 HTML이 무엇인지 어떤 식으로 구성되어있는 지 알아보자!! ① HTML이란? - Hyper Text Markup Language, 하이퍼 텍스트를 작성하기 위해 개발된 언어이다. 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는데 쓰인다. HTML로 작성된 문서를 웹 브라우저가 해석하여 사용자에게 보여주게 된다. 별도의 코드를 인식하여 인터넷의 다른 장소나 파일로 연결 시킬 수 있다. - HTML은 전자문서의 서식을 정의하기 위해 만들어졌으며, 아스키코드로 된 일반적인 텍스트로 구성되었다. 이 언어는 별도 컴파일러가 필요하지 않으며 .. 2021. 2. 13.
[코딩 공부_03] 모바일 웹과 반응형 웹이란 무엇일까? 요번 두번째 수업에서 배웠던 내용을 기준으로 공부 해보도록 하겠다!!🤗 나는 쉬는 걸 못하는 사람😅이라서 뭐라도 공부하려고 노력한다.. 안하면 불안해서 자꾸만 끄적이게 된다😥 (안그러고 싶다..) 그래서 오늘은 실제로 만들어진 웹 사이트를 보면서 모바일 웹과 반응형 웹에 대해 비교해보겠다.🧐 우리는 컴퓨터, 태블릿, 스마트폰과 같은 전자기기를 이용하여 웹을 본다. 이와 같은 전자기기의 크기는 다양하기 때문에 그에 맞게 최적화된 웹을 제작할 필요가 생겼다. 그래서 사람들은 다양한 방법을 고안하게 되었고 그 방법이 바로 "모바일 웹"과 "반응형 웹"이다. ① 모바일 웹 이란? - PC용 웹사이트와 모바일용 웹사이트를 따로 제작하여 사용자들에게 최적화된 웹을 제공한다. 보통, PC용 웹사이트가 존재하고 있는 .. 2021. 2. 12.
[코딩 공부_02] 웹 접근성과 웹 표준성에 대하여 저번 시간에 강조(빨간 색 왕창😆)했었던 웹 접근성과 웹 표준성에 대해 이야기하겠다. 오늘 수업을 들으면서 웹에 대해 많은 정보를 배웠다! 정말 배우고 싶었던 부분인데 이렇게 배우게 되서 기분이 좋다😁 얼른 수료해서 취업하고 더 많은 걸 경험하고 싶다😢(그럴려면 5개월,, 남았다) 그때동안 화이팅! ① 웹 표준성 : html을 작성시 공통적으로 지켜야할 기준이다. - 인터넷을 이용할 때 같은 웹페이지라면 어느 브라우저를 사용하는 지 여부에 상관없이 동일하고 정상적으로 작동해야함을 의미한다. Q. 그렇다면 웹 표준은 누가 정하는 것 일까? A. W3C(World Wide Web Consortium - https://www.w3.org/)에서 대표적으로 html과 css의 표준을 정한다 Q. 웹 표준이 중요.. 2021. 2. 11.
[코딩 공부_01] 웹퍼블리셔/웹디자이너에 대하여 오늘부터 내일배움카드로 국비지원 과정인 디지털 디자인(웹디자인) 구직자 양성과정 수업을 듣게 되었다😊 아주 기초적인 부분은 알고 있었던 부분인데 복습하게 되어 기초를 탄탄하게 배우는 시간이 되었다! >>다음 시간이 더 기대 된다 (도키도키)😣 앞으로 무슨 수업을 할 지 정말 궁금하고 빨리 배우고 싶은 마음이 가득하다 > 2021. 2. 10.

티스토리툴바