목록프론트엔드 (17)
김루루의 개발일기
head 태그 안에 들어가서 html문서에 중요한 메타 데이터를 표현하는 태그. ◎ Title 태그 검색 최적화에 매우 중요하다. 검색에 최적화 될 수 있게 title 잘쓰는 방법. 키워드만 나열은 하지 않는게 좋다. 페이지마다 그에 맞게 변경한다. 무엇에 관한 내용인지 함축적인 내용이 잘담겨있게 작성한다. 문서의 대 제목 ◎ LInk 태그 css 스타일시트를 html문서에 첨부할때 사용한다. (웹폰트를 첨부할때도 사용함) [link : css + Tap] 태그 자동완성 ◎ style 태그 html문서 내에서 css코드를 작성할때 사용한다. html문서 내에 특별한 이유가 아니면 스타일을 쓸필요는 없다. ◎ script 태그 자바스크립트 파일을 첨부할때 사용한다. ※ 태그를 안에 넣는 이유는? 자바스크립..
"지금부터 작성된 문서는 html5버전 (가장최신의 웹표준)으로 작성된 문서다. "라고 선언함! DOCTYPE(documentType)은 반드시 대문자로 써야됨. 이 안에는 반드시 2개의 태그만 작성할 수 있다. ( 중요하지만 보이지 않는 것들을 선언하는곳. 웹문서에서 보여주는 모든 콘텐츠를 담아내는 요소
◎abbreviation 태그 약자, 약어의 풀네임을 알려주는 태그 속성 : title 약자의 풀네임 ◎address 태그 연락처에 관한 마크업을 하고 싶을때. 연락망 종류 (물리적)주소 url 주소 email 주소 전화번호 SNS 주소나 전화번호 ◎ pre 태그 (preformatted text) html에 작성한 그대로 웹페이지에 나오게 할때 이곳에 작성된 텍스트는 들여쓰기, 줄바꿈등이 작성된 그대로 웹페이지에 나타난다. ◎ code 태그 코드를 웹사이트에 그대로 나타내고 싶을때. 코드를 웹사이트에 그대로 나타태고 싶을때 사용. pre태그랑 함께 사용하는 경우가 많다. console.log('안녕')
◎ media file html 문서안에 텍스트가 아닌 형태의 데이터를 넣는 형태 ◎오디오 태그(audio) //src : 오디오파일 경로명시 //controls : 컨트롤버튼 //autoplay : 자동재생 //loop : 반복재생 오디오태그 다른방법 이 방법은 명시된 확장자가 다른 브라우저에서 지원하지 않을때 type에 확장자를 추가해준다. 유저의 브라우저가 명시된 확장자를 모두 지원하지 않는 경우 텍스트를 적어서 표시해 줄 수 도 있다. 브라우저를 업데이트 하세요! 브라우저 업데이트 하기 ◎비디오 태그 (video) (= 오디오와 완전 동일) //src : 비디오파일 경로명시 //controls : 컨트롤버튼 //autoplay : 자동재생 //loop : 반복재생 비디오태그 다른방법 이 방법은 명..
◎ 함수 == 주석 함수를 간결하게 만들면 테스트와 디버깅이 쉬워진다. 그리고 함수 자체로 주석의 역할까지 한다. 자기설명적 코드 (self - describing) : 이름만 보고도 어떤 동작을 하는지 알수 있는 코드. ◎ 함수 이름짓기 함수 이름만 보고도 어떤 기능을 하는지 힌트를 얻을 수 있어야 한다. 함수이름 뜻 ex show... 무언가를 보여주는 함수. showMessage() get... 값을 반환하는 함수. getAge() calc... 값을 반환하는 함수. calcSum() create... 무언가를 생성하는 함수. createForm() check... 무언가를 확인하고 불린값을 반환하는 함수. checkPermission() 함수는 동작 하나만 담당해야된다. 다음은 개발자들이 흔히 하..
개념 이해하기까지 진짜 오래걸린 function 반복해서 보고 예제도 만들어보면서 겨우 이해한거 같다..! 처음 접하는 사람들에게 프로그래밍은 어려운게 아니라 낯선거라는 말이 있다. 문법 공부하시는 모든 분들에게 위로가 되길 바란다 ㅠㅠ.... ◎function 함수 함수를 이용하면 중복없이 유사한 동작을 하는 코드를 여러번 호출 할 수 있다. 함수의 주요용도 -> 중복코드 피하기. 매개변수(parameters)가 여러개 있다면 콤마(,)로 구분한다. //함수 선언하기 function name (parameters) { ....함수본문.... } //함수 호출하기 name() ◎지역변수 (local variable) 함수 내에서 선언한 변수, 함수 안에서만 접근이 가능하다. ◎외부변수 (outer var..
◎if 조건문 if (조건){ 실행본문 ; //조건 true이면 본문실행. // false이면 else if 확인. }else if(조건){ 실행본문 ; //조건 true이면 본문실행. // false이면 else 확인후 본문실행. }else { 실행본문 ; } 문제 (1) if..else와 프롬프트 대화상자를 사용해 사용자로부터 숫자 하나를 입력받고, 아래 조건에 따라 그 결과를 alert 창에 출력해 보세요. 입력받은 숫자가 0보다 큰 경우 1을 출력 입력받은 숫자가 0보다 작은 경우 -1을 출력 입력받은 숫자가 0인 경우 0을 출력 (모던 js 정답) let value = prompt('숫자를 입력하세요.', 0); if (value > 0) { alert( 1 ); } else if (value ..
