... Core JaveScript Syntax// 변수할당방법 // let으로 변수명을 선언 // 변수명에는 특수문자 사용불가능 (_는 사용가능) // 소문자로 시작해 단어변경시 대분자로 표현이 관례 // 숫자 let age = 32; // 문자 let userName = 'Max'; // 배열 (Array) let hobbies = ['Sports', 'Cooking', 'Reading']; // 객체 (Object) let job = {title: 'Developer', place: 'New York', Salary: 50000};매개변수let age=24; /* 복수개의 변수가 필요할 경우 , 이후로 입력 */ function calculateAduleYears(userAge) { return u..
웹페이지에서는 사용자들의 정보를 입력 받아 정보를 수집하거나, ID/PW를 입력받아 로그인을 할 수 있는 기능을 할 수 있습니다. 이런 기능들을 가능하게 하는 form 에 대해 살펴보겠습니다.폼이란?웹사이트 사용자들이 입력하는 정해진 형식을 의미합니다. 폼은 사용자가 입력한 내용을 단순히 보여주는것 뿐만 아니라, 입력을 받아서 특정한 반응을 할 수 도 있습니다.contact form (연락)checkout form (주문)login form (로그인)comment form (댓글, 피드백)…→ 데이터를 가지고 와서 사용할 수 있는 기능이 필요💡폼과 연계되는 기능들 입력된 데이터를 가지고 오는것 외에도 올바른 값이 입력되었는지 검증이 가능하다. (주어진 규칙에 맞는지) ex) 이메일형식 제출된 데이터를 처..
반응형 디자인이 필요한 이유?과거에는 pc를 통해 웹사이트를 사용하였지만, 현재는 휴대폰 / 테블릿 등 다양한 디바이스를 통해 웹사이트를 접속하고 있습니다. 이용하는 장치에 따라 한번에 확인할 수 있는 정보가 달라지게 되어 하나의 디자인으로 모든 사람들을 만족시키는 것에는 어려움이 있습니다. 이에 pc / 모바일 등 사용환경에 따라 다른 화면을 보일 수 있는 반응형 디자인이 필요합니다. 반응형 디자인을 하게 되면 이용하는 디바이스의 크기에 따라 적합한 디자인을 제공할 수 있습니다.반응형디자인을 위해서는 다음 3가지 요소들에 대한 이해가 필요합니다.유닛미디어쿼리사이드드로워유닛(Unit)반응형 디자인을 하기위해서 가장 중요한것은 장치에 따라 볼수 있는 크기가 다릅니다. 따라서, 글자크기나 이미지 너비 등이 ..
Hello World! - 현재 문서가 html임을 나타내는 필수로 입력해야되는 규칙 - 페이지 전체를 감싸며, 루트요소라고 함 - 외부로 보이는 콘텐츠가 아닌 HTML 페이지에 포함하는 모든 내용을 위한 컨테이너 역할. 선택언어와 검색시 노출되길 원하는 페이지 설명, 콘텐츠를 꾸미기위한 CSS 등 메타정보를 포함 - 페이지의 제목을 설정. 브라우저 탭에 나타내는 제목으로 북마크나 즐겨찾기에서 페이지 설명시 사용 - 페이지 방문자에게 보여지는 모든 콘텐츠를 담는 요소Element요소를 구성하는 중요 항목은 아래와 같습니다.요소와 태그의 관계여는 태그 (Opening tag) : 요소가 시작되는 곳, 또는 효과를 시작하는 곳닫는 태그 (Closing tag) : 요소의 끝을 나타내며, 요소의 이름 앞에 역..
웹개발을 하고싶다중학생 시절 학교에서 나만의 페이지를 만드는 수업을 들었던 기억이 있습니다. 어떤 페이지를 만들었는지는 기억이 가물가물하지만 남들과 다른 특이한 기능을 추가하고 싶어서 열심히 검색하고 구현했던 기억이 있습니다. 그 수업 이후로 상당히 오랜기간 동안 웹개발과는 떨어진 삶을 살아오던 제가 이렇게 웹개발을 공부하게된 계기는 크게 두 가지 입니다.첫 번째, 이해없는 사용이 싫었기 때문입니다. 예전부터 데이터 기반으로 주가를 수집하고 분석하고 싶은 생각이 있었습니다. 이를 위해 책도 구매하고 따라하며 책에 있는 예제들은 충분히 따라할 수 있었습니다. 하지만 문제는 책에는 없는 새로운 페이지에서 데이터를 크롤링 하고자 할 때 였습니다. 개발자도구(F12)를 눌러서 들여다 보면 이해할 수 없는 외계어..
