{Programing}/Web Front(11)
-
Youtube 퍼가기 HTML 태그 분석
유튜브 영상을 나의 웹페이지에서 재생하고 싶다면 위의 퍼가기 버튼을 누르면 생성되는 아래 html 코드를 나의 html이나 js 코드에 삽입하면 된다.(별도의 js 함수를 하나 구현해야하긴 하지만 일단 넘어간다.) 사용하고자 하는 게시판에서 지원을 한다면 사용이 가능하다. 순서대로 폭, 높이. 영상의 URL, 태그 제목, 경계선 너비, 허용할 기능 목록, 풀스크린허용 필수적인 속성은 폭, 높이, 영상URL 정도가 되겠다. 테스트 해보면 이렇게 나온다. 자동재생은 막았으니 재생버튼을 눌러야 영상이 재생되고, 풀스크린을 허용했으니 재생후에 풀스크린으로 볼수 있게 된다. 아래의 두 링크에서 iframe 태그 삽입이나 이미 삽입된 js 플레이어에 url만 삽입할수 있게 하는 방법을 알려준다. 두방법은 추후 자세..
2021.05.17 -
HTML+CSS 토이프로젝트 목록
www.geeksforgeeks.org/top-10-projects-for-beginners-to-practice-html-and-css-skills/ Top 10 Projects For Beginners To Practice HTML and CSS Skills - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. www.geeksforgeeks.org 1..
2021.05.03 -
javascript 토이프로젝트 목록
mikkegoes.com/javascript-projects-for-beginners/ 17 JavaScript Projects for Beginners to Perfect Your Coding Skills in 2021 Use these JavaScript projects to perfect your coding skills, achieve your coding goals faster, and find project ideas for your portfolio. mikkegoes.com 1. 스톱워치 2. 시계 3. 계산기 4. 드럼킷 5. 색맞추기 6. 행맨 7. 틱택토 8. 퐁 게임 9. 짝맞추기 게임 10. 미로 게임 11. 팁 계산기 12. 회문 검사기 - 앞으로 읽으나 뒤로 읽으나 같은 문장 ..
2021.05.03 -
Tistory 스킨 분석
스킨 구성 필수 요소는 크게 5개의 영역으로 나뉨 index.xml : 스킨 구성의 필요정보를 담고 있음. 스킨의 모든 설정을 담당. skin.html : 메인 템플릿 파일. 치환을 통해 각 URL에 맞는 HTML로 변환. style.css : 스타일을 위한 css 분리. preview : 각 페이지의 미리보기 이미지. 112*84, 256*192, 560*420, 1600*1200 사이즈를 준비 images : 위 요소들을 제외한 모든 파일들. index.xml : 스킨의 이름, 버전, 설명, 저작권을 명시. : 스킨 제작자의 정보, 이름, 홈페이지, 이메일을 명시. : 각종 설정의 기본값. 자세한건 요기서 tistory.github.io/document-tistory-skin/common/index...
2021.04.30 -
React Native - 기본 세팅
windows 10 기준. Node.js 설치. npm 설치 확인. 기본적으로는 ios를 개발하려면 Mac OS가 설치된 기기가 필요. xcode로 컴파일 해야함. android의 경우는 android studio가 필요. expo라는 앱을 폰에 설치하면 바로 테스트 가능. pc에도 expo-cli 를 설치. npm install -g expo-cli * node.js version 12 이상이 필요. 프로젝트가 저장될 경로로 이동. 프로젝트 생성. - 같은 이름으로 폴더가 생성됨. expo init {project_name} -> 프로젝트 상태를 선택 가능. 빈 프로젝트, 기본 탭을 가지는 프로젝트 정도로 선택. 프로젝트 명 입력하고 기본 설정 끝내면 됨. cd {project_name} npm sta..
2021.04.23 -
HTML - escape
특수문자 예약어라고 볼수 있다. 특수문자를 HTML의 콘텐츠 영역에서 표기하기위해 사용하는 방식으로 &~~~; 형식으로 이루어져있음. -- > (공백) -- & -- & " -- " ' -- ' © -- © 자주쓰는 이스케이프는 이런것들이 있다. kor.pe.kr/util/4/charmap2.htm HTML 특수문자 리스트 kor.pe.kr
2021.04.21