반응형 programming/web66 비주얼 스튜디오 코드 확장 프로그램 라이브 서버 ( Live Server ) 설치 및 실행하기 비주얼 스튜디오 코드에서 웹페이지를 만들고 테스트를 할 때 Live Server 를 사용한다. Live Server 는 개발용 로컬 서버로 비주얼 스튜디오 코드에서 만든 웹페이지를 웹브라우저에서 볼 수 있도록 해준다. Live Server 는 비주얼 스튜디오 코드의 확장앱 마켓플레이스에서 검색하여 바로 설치하여 사용할 수 있다. 비주얼 스튜디오 코드에 설치된 Live Server 를 실행하려면 Go Live 버튼을 클릭해 주면 된다. 비주얼 스튜디오 코드 확장 프로그램 라이브 서버 ( Live Server ) 설치 및 실행하기 프론트엔드 ( Fornt-End ) 관련 스터디를 하거나 현업에서 종사하는 분들은 비주얼 스튜디오 코드의 라이브 서버 ( Live Server ) 에 익숙할 것이다. 라이브 서버는.. 2023. 9. 17. html5 수정 가능한 태그 만들기 contenteditable 속성 사용 contenteditable 속성은 html 태그의 텍스트 문자열을 수정가능하도록 만들어 준다. 간단한 메세지나 공지 등의 용도로 사용될 수 있으며, 정적인 태그의 내용을 동적으로 사용할 수 있는 장점이 있다. 에디터까지는 아니더라도 간단한 텍스트 문자열을 수정하고 입력하는 등의 작업이 필요할 때 사용하면 유용할 것이다. html5 수정 가능한 태그 만들기 contenteditable 속성 사용 많이 사용하지는 않겠지만 html 태그 내의 구성을 텍스트로 임의로 변경하고 싶을 때가 있을 것이다. 위지윅 에디터와 같은 것을 사용할 수도 있지만, 그정도의 화려한 기능은 아니더라도 단순히 텍스트만 변경하는 것이라면 나름대로 환영이다. 간단한 쪽지와 같은 그런 기능이라면 좋을 것 같은데 textarea 를 사용.. 2023. 2. 4. html table 태그 header 사용하기 html 의 table 태그는 행과 열로 이루어진 표를 구성한다. table 태그에 사용되는 th 태그는 table 태그의 제목을 나타내며 각 셀이 어떤 데이터인지를 나타내는 역할을 한다. th 태그는 엑셀의 표에서 나타내는 제목 부분과 같은 의미이기도 하다. html table 태그 header 사용하기 html의 table 태그에는 제목을 나타내는 header 를 나타내는 태그가 존재하는데 td 와 비슷한 기능을 가진 th 태그이다. td 와 th 는 코드적으로 셀에 해당하지만, 차이가 있다. td 태그는 테이블 구조에서 데이터 부분을 의미한다. th 태그는 테이블 구조에서 가장 처음에 단 한번 사용되며 테이블의 각 컬럼의 제목을 나타낸다. 그리고 th 태그는 td 와는 다르게 기본적으로 글자는 굵게.. 2022. 7. 2. html table 테두리 표시하기 using html table border table 태그는 html 웹페이지에서 데이터를 표형식으로 표현하기 위한 태그이다. table 태그에 테두리를 추가하면 데이터를 좀 더 일목요연하게 표현하고 가독성을 높여줄 수 있다. 테두리를 추가하는 방법은 css 스타일을 이용할 수 있다. css 의 border 속성으로 table 태그에 테두리를 추가하고 중복되는 테두리를 없애기 위해 border-collapse 속성을 사용한다. html table 테두리 표시하기 using html table border html를 사용하여 표형식의 데이터를 표현할 때 table 태그를 사용한다. table 태그를 그냥 사용할 경우 밋밋한 생김새는 데이터의 구성이 섞여 보여 가독성도 떨어지고 데이터가 어떤 항목에 표현되는지 제대로 알 수 없다. table 태그에 .. 2022. 6. 24. 이전 1 2 3 4 ··· 17 다음 반응형
