본문 바로가기

전체 글127

Java Script 작성하기 - Basic 안녕하세요. Hynn 입니다. 이전 포스팅에서는 다소 따분하지만, 그래도 내가 공부해야 하는 언어가 어떤 언어인지를 알 수 있는 개념을 이해해보는 시간을 가져보도록 했었습니다. 이제 JavaScript 를 기본적으로 어떻게 사용해보는지를 HTML 때 처럼, 하나씩 해보도록 하겠습니다. 이 역시도 Element 같은 다양한 명령어를 많이 쓰는것 보다, 어떠한 원리로 동작하고 작동이 되는지를 위주로 설명해보려 합니다. ================== 1. JavaScript 는 어디에 작성합니까? 2. 작성된 JavaScript 의 해석 단계 3. 기본 연산자, 변수란 무엇입니까? ================== 1. JavaScript 는 어디에 작성합니까? Java Script 를 작성하기 위해서 역.. 2022. 10. 28.
Java Script - Java Script 란 무엇인가? 안녕하세요. Hynn 입니다. HTML/CSS 에 대한 기본단계, 맛보기가 끝났다면 이제 이 포스팅을 보고 계실 것입니다. 이번 포스팅에서부터는 HTML/CSS 를 통해 웹 페이지를 표시되도록 만들었다면, 이에 그치지 않고 실제 "동작" 하는 페이지로 만드는 과정을 위해 필요한 Java Script 언어를 알아보고 익혀보도록 하겠습니다. 꽤나 대장정이 될 수 있지만, 저도 공부하는 과정이고, 혹시라도 이 글을 읽고 계신 독자분들도 같이 배우는 시간이 되기를 기대합니다. =========== 1. Java Script 는 무엇인가? 2. JavaScript 의 특징 3. JavaScript 의 사용영역 및 특징 4. 대표적 영역 ========== 1. Java Script 는 무엇인가? JavaScrip.. 2022. 10. 28.
HTML/CSS - Display Flex 에 관하여 안녕하세요. Hynn 입니다. Display 속성에서 이전에 Block, Inline, Inline-block 에 대해서 다루었던 적이 있습니다. 하지만 별도로 이 포스팅을 작성하는 이유는, 기존의 Block, Inline 에 이어서, 이 개념은 별도로 작성해야, 이해가 더 좋을 것이라고 생각되어 별도 작성을 하게 되었습니다. 작성자가 가장 중요하게 HTML/CSS 에서 생각하는 점은, 컨텐츠의 작성방법도 중요하지만, 본질적으로 가장 중요한 영역은 Layout 을 설정하는 단계가 가장 중요하고, 이 단계가 완벽히 이루어져야, 이후의 Contents 작성에서 스스로 진행을 하기가 가장 원활하다고 판단되기 때문입니다. 그럼 Display Flex 에 대해서 알아보도록 하겠습니다. ===============.. 2022. 10. 28.
HTML/CSS 따라하기 기본 Naver 회원가입 페이지 Clone - Footer 안녕하세요 Hynn입니다. 이제 마지막 단계만을 남겨두고 있습니다. Footer 라고 하는 영역은, 특별한 정보라기 보다는, 각 회사의 이용약관,정보 및 연락처등이 포함된 Information 영역입니다. 하지만 이전에 Block 성질의 Element 를 학습하면서, 이러한 유형들을 몇가지 살펴본 바 있습니다. 그 중 Header, Footer 는 일반 홈페이지에서도 많이 보이는 영역이기 때문에, 용어에 익숙해지면 도움이 되리라 생각합니다. 원래는 어제 업로드가 됬어야 했지만 몸의 신호로 긴급하게 병원을 다녀오다 보니 작성이 늦었습니다. 그럼 마무리해보도록 하겠습니다. ================================================================== 1. Footer.. 2022. 10. 28.
HTML/CSS 따라하기 기본 Naver 회원가입 페이지 Clone - Contents 3 안녕하세요 Hynn입니다. 이전 포스팅에서는 유저정보를 입력하는 영역을 완성했습니다. 이제 마지막으로 전화번호를 입력하고, 인증번호를 입력하는 영역, 그리고 가입하기 버튼까지 완성해보도록 하겠습니다. 이미 앞선 포스팅을 따라오셧다면, 이제 어렵지 않게 할 수 있으리라고 생각합니다. 다만 몇가지 추가로 사용되는 Element 나 속성은 같이 설명하면서 진행하도록 하겠습니다. ================================================================== 1. Contents Part3 - Joinnumber 2. Joinnumber - HTML 3. Joinnumber - CSS =================================================.. 2022. 10. 26.
HTML/CSS 따라하기 기본 Naver 회원가입 페이지 Clone - Contents 2 안녕하세요 Hynn입니다. 이전 포스팅에서는 아이디,비밀번호 영역을 완성했습니다. 이제 이름과 같은 유저의 정보를 입력하는 영역을 완성해보도록 하겠습니다. 이미 앞선 포스팅을 따라오셧다면, 이제 어렵지 않게 할 수 있으리라고 생각합니다. 다만 몇가지 추가로 사용되는 Element 나 속성은 같이 설명하면서 진행하도록 하겠습니다. ================================================================== 1. Contents Part2 - Joinuser 2. Joinuser - HTML 3. Joinuser - CSS ================================================================== 1. Contents P.. 2022. 10. 26.

티스토리툴바