React앱에서 js, ts가 아닌 jsx, tsx 파일의 확장자를 사용하면 XML 방식으로 템플릿 코드를 작성할 수 있습니다. 이때 주석 작성 방법에 대하여 알아봅니다.! React jsx, tsx의 주석 작성 방법tsx 확장자 역시 동일하므로 jsx를 예로 들어 알아봅니다. tsx 파일이 아래와 같이 존재한다고 생각해봅니다.@ comment.jsxclass AComponent extends React.component { render () { return ( <ChildComponent&g...
자바 템플릿 타임리프(ThymeLeaf)에서 서버 사이드 주석을 사용할 경우의 방법입니다. 클라이언트 주석은 html 소스 보기에서 확인할 수 있어 완전히 숨겨야 하는 경우 서버사이드 주석이 사용됩니다.! ThymeLeaf 주석 사용방법타임리프 주석은 아래와 같이 사용합니다. 만약 button 태그를 주석처리하는 경우 다음과 같습니다.@ 블럭 단위의 주석 사용 방법<!--/* <button>Click</button>*/-->이때 <!--/* 사이에 공백이 있으면 안되니 주의해야 합니다. 블럭단위이므로 중간에 여러개의 내...
Python의 flask 또는 기타 Jinja2 템플릿(template)을 사용하는 경우에 어떻게하면 주석을 사용할 수 있는지 주석 사용 방법에 대하여 알아봅니다.# Python Jinja template 주석 사용방법 일아보기먼저 Jinja에는 다음과 같이 코드나 표현식을 사용할 수 있습니다.{{ 표현식 }}{% 코드입력 %}이때 개발관련 내용이나 임시로 코드를 입력하는 경우 주석이 필요할 수도 있는데요 이 경우 아래와 같이 사용합니다.{# 주석 내용 1, 2, 3 ...#}여러 줄을 사용할 경우에도 동일하게 여러줄을 입력하면 됩니다.{# Li...
페이스북의 댓글 기능을 추가하고 사용하는 방법에 대하여 알아보려합니다. 먼저 제가 페이스북 댓글을 사용하는 이유는?# 페이스북 댓글을 사용하는 이유사실 초기에는 webisfree.com에서 직접 소셜 기능의 댓글 서비스를 지원했습니다. 이 경우 다양한 SNS의 api를 연결하여 로그인 기능 역시 가능해야했는데 결국 개발 및 관리에 시간을 많이 소비하는 문제가 있습니다. 또한 로그인할 경우 회원 역시 관리가 필요했고 개인정보 동의 등 신경 쓸 부분이 많았죠...물론 장점도 많을 수 있지만 새로운 글을 올리고 제공하는 현재의 웹서비스에서는 큰 장점을 찾기는 어려웠습니다....
HTML에서 만약 주석으로 된 노드만 가져오려면? 주석 정보만 가져올 수 있을까요? 방법이 있다면 어떻게 가능할까요?DOM 객체를 사용하여 주석 노드만 가져올 수 있는 방법이 있습니다. 먼저 주석에 해당하는 노드타입을 알아야하는데 주석은 3에 해당합니다. 아래의 코드는 제이쿼리를 사용한 방법으로 가장 쉽게 주석 태그를 가져올 수 있습니다.var commentNode = $('*').contents().filter(function() { return this.nodeType == 3;});위 방법은 comment 노드를 얻는 가장 간단한 방법입니다....
자바스크립트에서 주석 사용 방법에 대하여 알아봅니다. # 자바스크립트 주석(comment) 알아보기자바스크립트 뿐만 아니라 주석의 사용은 매우 중요한 역할을 합니다. 단순히 코드를 실행하지 않는 용도로만 사용하지 않고 다양한 기능으로 사용되기 때문입니다. 그럼 주석은 언제 사용할까요?- 특정 기능을 실행하지 않기 위함- 주석에 설명을 남겨두기 위한 목적- 에러를 찾거나 특정 기능만 수행하기 위한 목적이처럼 다양한 목적으로 사용할 수 있습니다. 여기서 '특정 기능을 실행하지 않기 위함' 이라고 적혀 있는 부분을 생각해 보겠습니다. 필요가 없는 ...
CSS 파일을 열어보면 코드 내부에 주석 처리가 된 부분을 확인할 수 있다. 그런데 CSS 내부의 주석이 일반적인 CSS에 사용되는 주석이 아닌... html 주석처리가 된 것을 볼 수도 있다. 왜 CSS 주석이 아닌 html 주석처리를 할까? 그 이유는 무엇이고 주석처리를 하는 경우와 안하는 경우 어떤 차이점이 있을지 알아보도록 하자.먼저 아래의 예제 코드를 보자. 아래 코드는 일반적으로 볼 수 있는 css 코드이다. 이 코드의 상단과 하단에 <!-- 그리고 --> 표시를 볼 수 있는데 이 부분이 바로 html 주석이다.<style typ...