나만을 위한 블로그

안드로이드를 쓰다가 CSS를 연습해보니 헷갈려서 따로 정리해둔다. list-style 이 속성은 ol, ul, li 태그에 적용할 수 있고 리스트로 표시되는 요소들의 모양, 위치, 이미지를 정의하는 속성이다. MDN에선 아래 예시들을 보여준다. /* type */ list-style: square; /* image */ list-style: url('../img/shape.png'); /* position */ list-style: inside; /* type | position */ list-style: georgian inside; /* type | image | position */ list-style: lower-roman url('../img/shape.png') outside; /* Keywo..

HTML 코드를 구경하다 보면 이렇게 써진 걸 볼 수 있다. 버튼 태그를 썼으니 버튼처럼 작동할텐데 굳이 type 속성까지 써가며 버튼이란 걸 다시 한 번 정의할 필요가 있을까? 싶어서 관련 내용을 찾아봤다. 결론은 저렇게 type을 지정하는 이유는 HTML에서 버튼의 기본 동작은 submit이기 때문이다. 버튼의 type은 3가지 있다. submit : 현재 양식 데이터를 제출한다 (기본값) reset : 현재 양식 데이터를 재설정한다 button : 그냥 버튼이다. 효과는 다른 것(=자바스크립트)으로 제어돼야 한다 버튼에 type을 지정하지 않으면 버튼의 기본 type은 submit이 된다. 그래서 버튼을 보고 다음 페이지로 이동하겠거니 싶어서 버튼을 눌렀는데 입력란에 썼던 데이터가 서버로 전송될 수..

이번 포스팅에선 웹 개발이란 단어를 생각하면 떠오르는 3대장 중 자바스크립트에 대해 포스팅하려고 한다. 소프트웨어 커뮤니티 중 하나인 MDN에선 자바스크립트를 아래와 같이 말하고 있다. https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript JavaScript가 뭔가요? - Web 개발 학습하기 | MDN MDN의 JavaScript 초급자 과정에 오신 걸 환영합니다! 이 글은 JavaScript를 넓게 보면서 "뭔가요?", "뭘 하나요?"와 같은 질문을 답변하고, 여러분이 JavaScript에 친숙해지도록 도와드립니다. developer.mozilla.org 자바스크립트는 복잡한 무언가(주기적으로 내용이 ..

개발자 구인시장에서 가장 핫한 걸 대보라면 나오는 게 리액트 자바스크립트다. 뭔지 정도는 알아두면 좋을 것 같아서 정리해두려고 한다. 위키백과에서 리액트에 대해 말하는 건 아래와 같다. https://ko.wikipedia.org/wiki/%EB%A6%AC%EC%95%A1%ED%8A%B8_(%EC%9B%B9_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC) 리액트 (웹 프레임워크) - 위키백과, 우리 모두의 백과사전 리액트(React, React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나로서[2] 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다.[3][4][5] ko.wikipedia.org 리액트는..