코딩일상

작성이유 jsp 작업을 하다 문득 내가 html에 대해 너무 모르고 그냥 하고 있다는 생각이 들었다. 옛날에 대충 훍기만 하였던 서적을 다시 보다 가장 많이 접하는 attribute 부분부터 보는 게 공부의 효율이 좋아 보여 이 부분을 다시 정리 차원에서 독서 후 블로그로 정리하였다. attribute란? HTML 어트리뷰트(attribute)는 웹 개발에서 중요한 역할을 합니다. 어트리뷰트는 웹 페이지의 요소(element)에 대한 추가적인 정보를 제공 1) 요소의 속성 설정: 어트리뷰트를 사용하여 HTML 요소의 다양한 속성을 설정할 수 있습니다. 요소의 type 어트리뷰트는 입력 필드의 유형(텍스트, 비밀번호 등)을 지정하는 데 사용 2) 스타일 지정: style 어트리뷰트를 통해 개별 HTML 요..

JS는 HTML을 객체 요소로 모두 볼수있고 그점을 이용하여 WEB의 기능하는 부분들에대해서 엄청난 영향력을 발휘할수있다. 그렇기에 JS를 통해 HTML ,CSS또한 바꿀수있다. (하지만 각자의 역할은 각자의 역할에서 진행시키는것이 중요) JS에서 중요한 function중 하나가 querySelctor, querySelctor이라 볼수있다. 이 함수를 통해서 우리는 원하는 객체부부에 CSS처럼 선택을 하여 원하는 기능을 부여 하고 발현시킬수 있다. JS를 배울수록 왜 많은 이들이 JS를 사용중인가에 대해 서 알게 되었고 앞으로 JS를 통해 진행될 FramWokr인 리액트와 노드JS도 기대가 된다. const h1 = document.querySelector(".hello h1"); // querySele..

Java Script에서의 변수 선언방식에는 현재 아래와 같이 있다 -var -let -const 결론부터 말하자면 변수를 선언을 할떄는 const를 사용하는 편이 좋다. 1) var 우선 var를 선언했을 경우의 코드 예시를 보겠다. var name = 'ABC' console.log(name) // ABC var name = 'EFG' console.log(name) // EFG 이미 변수를 한 번 더 선언하였지만 추가로 변수를 선언했을 경우에도 에러가 나지 않았다. 그리고 변수가 선언된 그대로 다른 값이 출력되는 것을 볼 수 있다. 이는 유연한 변수 선언으로 짧은 코드에는 상관이 없을수도 있지만, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들며, 실수를 하여 값이 바뀔 우려가 매우..

Web에서 뼈대를 만드는 정적인 도구가 HTML이 었으며 그 것을 디자인적으로 꾸며 주는 도구는 CSS였다. 그리고 JS(JavaScript) 일방향적인 Web을 상호작용할 수있게 만드는 매게체 즉, 웹에 생동감 움직임을 만들어내는 도구라고 보면 될 것같다. javascript로 만들어진 프로그램들을 script라고 부른다. 차츰 차츰 아직 미숙한게 더 많지만 중요한것은 배워나가고 있다고 생각한다 생활코딩의 이고잉님의 말처럼 중요한것이야 말고 가장간단하고 쉬우며 파괴적인 힘을 가지고 있기 때문이다. 차츰 차츰 프로트가 어떠한것인지 몸소 느껴가고 있다.

비교연산자란?? 이와 같은 기호로 쓰여진다 ==== 비교연산자는 boolean이라는 데이터 타입을 만들어낸다 Boolean이란?? Boolean은 아래의 두가지 값을 가지며 조건문에서 유용하게 사용된다 true false 리팩토링이란? 중복된것을 없애는것 코드를 잘짜는것이라볼수있다 가독성을 올리며 유지보수를 쉽게 할 수있게 된다. this(조건문에서 부모를 지칭) var(변수 지정)

Web에서 뼈대를 만드는 정적인 도구가 HTML이 었으며 그 것을 디자인적으로 꾸며 주는 도구는 CSS였다. 그리고 JS(JavaScript) 일방향적인 Web을 상호작용할 수있게 만드는 매게체 즉, 웹에 생동감 움직임을 만들어내는 도구라고 보면 될 것같다. javascript로 만들어진 프로그램들을 script라고 부른다. 차츰 차츰 아직 미숙한게 더 많지만 중요한것은 배워나가고 있다고 생각한다 생활코딩의 이고잉님의 말처럼 중요한것이야 말고 가장간단하고 쉬우며 파괴적인 힘을 가지고 있기 때문이다. 차츰 차츰 프로트가 어떠한것인지 몸소 느껴가고 있다.

수많은 태그들이 있지만 우린 그것들을 다 알지도 못하고 다쓰지도 못한다. 그렇기엔 우린 중요한것들에 대해서만 인지하고 숙지하여 사용하면된다. 기본이 곧틀이며 대부분이기 떄문이다 그사실은 아래에 사이트를 통해 확인을 할 수있다. https://www.advancedwebranking.com/seo/html-study/ HTML Study Overview This HTML usage data comes from 11.3 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ..

CSS3의 전환 및 애니메이션은 공식적으로 “타이밍 함수”라고하는 여유를 지원합니다. 일반적인 사람은된다 ease-in, ease-out, ease-in-out, ease,과 linear하거나 사용하여 자신을 지정할 수 있습니다 cubic-bezier(). ease-in 애니메이션이 천천히 시작되고 최고 속도로 끝납니다. ease-out 애니메이션을 최고 속도로 시작한 다음 천천히 완료합니다. ease-in-out 느리게 시작되고 애니메이션 중간에서 가장 빨라진 다음 천천히 완료됩니다. ease처럼 ease-in-out이 빨리 종료보다 약간 시작 제외. linear 여유를 사용하지 않습니다. 마지막으로 구문에 대한 훌륭한 설명 이 cubic-bezier있지만 매우 정확한 효과를 원하지 않는 한 일반적으로..