반응형 개발/HTML14 iframe 태그로 html에 유튜브 영상 삽입하기 웹페이지 내부에서 또 다른 웹 페이지를 보여줄때 사용한다. 즉 DOM내부에 또 다른 DOM을 삽입(embed) 함. 대표적인 예로 youtube 영상을 iframe태그로 html에삽입할 수 있다. 유튜브 공유하기 기능을 통해 유튜브 동영상의 iframe 태그를 볼 수 있다. 이 태그를 이 게시글에 삽입한다. 그 결과가 아래삽입된 유튜브이다! 2022. 2. 18. 표준 마크업 개발과 시맨틱 HTML태그 업계 사람들이 표준으로 사용하는 방식대로 개발하는 방법 업계 사람들이 전부 camelCase형식으로 변수, 함수명을 작성하는데 혼자서 snake_case 형식으로 작성하면 욕먹을것이다. 1. Meta Data : 2. outline / heading 잘 구성하기 시맨틱태그를 사용하는게 중요 3. 자주 사용될 수 있는 시맨틱태그 3-1 . 모달창느낌의 컴퍼넌트이다. 좋아하는 동물: 아르테미아 레서판다 거미원숭이 취소 확인 상세정보 업데이트 출처는 https://developer.mozilla.org/ko/docs/Web/HTML/Element/dialog 3-2. 독립적인 콘텐츠, 설명 An elephant at sunset 출처 https://developer.mozilla.org/ko/docs/Web/.. 2022. 1. 3. html에 환경변수 넣는법 express나 react에서는 dotenv를 사용하여 process.env.API_KEY 이런식으로 넣어준다. axios.get(`https://dapi.kakao.com/v2/local/geo/coord2address.json?x=${lon}&y=${lat}&input_coord=WGS84` ,{headers:{Authorization:`KakaoAK ${process.env.REACT_APP_REST_API}`}} ) 그렇다면 html에는 어떻게 넣어줄 수 있을까?/ 이코드에서는 appkey를 직접넣지 않고 .env파일에 저장된 REACT_APP_KAKAO_API 를 %REACT_APP_KAKAO_API% 로 넣어주었다. 2021. 11. 19. input radio 와 input checkbox의 차이 input radio 와 input checkbox의 차이 radio 유형의 inpu은 보통 서로 관련된 옵션을 나타내는 라디오 버튼 콜렉션, 라디오 그룹에 사용한다. checkbox 유형의 input은 form 안에서 선택된 단일 값들을 제출할 수 있는 기능을 제공한다. 먼저 radio 및 checkbox 버튼에 사용되는 속성들을 살펴보자. 속성 내용 name 서버로 전송될 이름, key값에 해당한다. radio 버튼은 같은 그룹끼리 같은 name을 지정해야 한다. value 서버로 전송될 값 checked 초기값 (체크 되어있거나 안되어 있거나) 태그 버튼을 정확히 클릭하지 않고 항목 이름을 클릭해도 박스가 체크되도록 해준다. 1. 항목이름으로 연결하거나, 2. ~ 로 을 감싸주면 된다. 밑에 코드와.. 2021. 7. 23. 이전 1 2 3 4 다음 반응형
