목록WEB (13)
코딩일상
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c2GXi8/btsF2RnYwqH/O9F7IyecWlThucuzMTXBck/img.png)
작성이유 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라고 부른다. 차츰 차츰 아직 미숙한게 더 많지만 중요한것은 배워나가고 있다고 생각한다 생활코딩의 이고잉님의 말처럼 중요한것이야 말고 가장간단하고 쉬우며 파괴적인 힘을 가지고 있기 때문이다. 차츰 차츰 프로트가 어떠한것인지 몸소 느껴가고 있다.
세상에 수많은 강력한 오픈 코드들이 많이있다. 우리는 그렇게 공개된 오픈 코드들을 이용하여 어려운 문제들을 쉽고 빠르게 해결해갈수있다. 이러한 기술적인 발전과 공개로 인해 웹의 생태계는 상상할 수없을 정도의 빠르기로 성자해온거 같다. 추후의 나또한 이러한 코드들을 만들어내어 세상에 기여하고 싶다는 생각이 들었던 수업이었다. 사례 -동영상을 웹사이트에 삽입및 실행(youtube 소스) -댓글창 생성(https://disqus.com/) -사이트 방문자와 채팅(https://www.tawk.to) 100% FREE Live Chat Software, Ticketing & Knowledge Base! - www.tawk.to tawk.to is 100% free live chat software to mon..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b5bfAW/btrBhRNqmOW/En8nvhmjAdgP9yJhfKE1TK/img.png)
인터넷 상의 주소를 IP라 부를수 있으며 PORT를 통해서 주소에 호수를 나누는 개념으로 우린 서버를 만들어 낼수 있다는것이다. 너무 깊은 이해 보단 아직 이정도의 이해로만 이해를 하여도 될 것같다. 익숙해지는것이 목적이다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/uMYww/btrA2C5opIb/HL70npu3uTrPoeYYTHoo81/img.png)
세상이 정말 좋아 졌다 이렇게 쉽게 서버를 만들어 낼수 있다니.. 크롬에서 단순 플러그인을 하여 진행할수 있었고 같은 인터넷이면 폰과 컴퓨터 즉 2개의 컴퓨터라 할 수 있는 상황에서 나의 웹사이트를 접속하는것을 해보았다. 정말 신기하고 대단한 세상에 살고있음을 느꼇다.