프로그래머 하루3시간12 구글링+Stack overflow+MDN 검색하고 물어보자. 검색할때 키워드 + 언어 + stackoverflow(or MDN 등)으로 검색하면 효과가 더 좋고 네이버보다는 구글에 검색하자. 구글 검색시 도구 클릭 - 모든 날짜 필터링을 지난 1개월 또는 지난 1년으로 변경하자. 다 외우지 않아도 찾아쓰기만 하면 된다. 조립하듯이 정답을 찾아나가자. 2021. 10. 11. CSS Transitions – 튜토리얼 및 예제 (css 3 전환 속성 사용법) CSS 3 사양이 출시된 이후 웹 디자이너와 프런트 엔드 웹 개발자는 JavaScript를 사용하지 않고도 멋진 CSS 애니메이션을 CSS로 만들 수 있습니다. 이 빠른 CSS 참조 안내서는 트렌지션(전환) 속성을 사용하는 방법을 설명하고 CSS 3 전환으로 수행할 수 있는 놀라운 사용 가능한 예제를 제공합니다. CSS 트렌지션이란 무엇입니까? CSS 3 사양으로 몇 년 전에 소개 된 트렌지션은 프런트 엔드 개발자가 특정 시간동안 특정 CSS 속성의 값을 부드럽게 변경할 수있는 속성 집합입니다. 5가지 CSS 속성을 사용하여 전환을 만들 수 있습니다. 그것들을 살펴 봅시다 : CSS Property Description transition-property 트렌지션을 적용 할 속성을 지정합니다. Examp.. 2020. 1. 20. 3 단계로 웹 사이트를 반응형으로 만들기 (프로그래밍 독학) 오늘날 웹사이트는 데스크탑 화면 뿐만 아니라 태블릿 및 스마트폰에서도 잘 보입니다. 웹 사이트는 클라이언트의 화면에 적응할 수 있으면 반응합니다. 반응형 웹디자인은 오늘날 매우 중요하며 실제로 웹 개발자 또는 웹 디자이너로서 마스터링해야하는 기술 중 하나입니다. 이 기사에서는 반응형 사이트를 쉽게 구축하는 방법과 기존 웹페이지에 반응형 디자인 기술을 세 가지 간단한 단계로 적용하는 방법을 설명합니다. 1 – 레이아웃 반응형 웹 사이트를 구축하거나 기존 사이트를 반응형으로 만들때 가장 먼저 고려해야 할 것은 레이아웃입니다. 반응형 웹 사이트를 구축할 때는 항상 기본 크기로 고정된 비반응형 레이아웃을 만드는 것으로 시작합니다. 예를 들어 CatsWhoCode.com 기본 너비는 1100px입니다. 반응이 없.. 2020. 1. 17. 간단하고 효율적인 PHP 캐시를 만드는 방법 (프로그래밍 독학) 처음부터 프레임 워크없이 작성된 PHP 웹 사이트에서 작업할 때 속도가 종종 문제가 될 수 있습니다. 캐싱은 PHP 웹 페이지 속도를 높이는데 매우 유용합니다. 이 기사에서는 웹 페이지에 간단한 PHP 캐싱 시스템을 만드는 방법을 보여 드리겠습니다. 페이지 캐싱이란 무엇입니까? 페이지 캐싱은 원본 데이터가 패치 또는 계산 비용이 높을때(일반적으로 액세스 시간 측면에서) 중복 데이터 콜렉션을 작성하는 기술입니다. PHP는 해석된 프로그래밍 언어이므로 서버는 PHP 페이지가 요청될 때마다 코드를 실행해야 합니다. 스크립트의 복잡성과 길이에 따라 이 작업에는 시간이 걸리고 많은 리소스가 필요할 수 있습니다. 웹 사이트에 트래픽이 많으면 서버와 사이트 속도가 느려질 수 있습니다. 웹 페이지가 캐시되면 스크립트는.. 2020. 1. 16. Atom 에디터 Atom editor 패키지 설치(emmet, script, atom-beautify) File-Settings-Packages +Install에서 minimap 엔터, minimap 설치하기 패키지 emmet (tab or Ctrl+e) https://atom.io/packages/emmet 패키지 script(rgbkrk) 설치하기 Script: Run Shift+Ctrl+b 패키지 atom-beautify 설치 및 단축키 Ctrl+alt+b 2019. 10. 9. HTML 연습 FUN FEARLESS FEMALE WATCH HERE!!! parkchanwoo study programming in with @park HTML,CSS,JS for 5weeks -18.01.09 works- jungyoonkim monster18 aolazi sosim2 1번 텍스트 1번 텍스트 1번 텍스트 1번 텍스트 1번 텍스트 1번 텍스트 HONG KONG A Beautiful Destinations Original dajflkadjf kljkljdlaf kdaljfklj dak lfjkdlaj. fk l!!jdaofidltkd dltkdgdkrpeh rmsjsdlfdl wkRn qkftodgksek! dEjgrpems dugoddmf EJsktj dnflsms ghdzhddmf akwngkrh.. 2018. 2. 6. CSS 기초 관련 study class="red" .red{ color:red; 중복된 설정이 될때 클래스가 일반 css보다 상위 id="blue" #blue{ color:blue; } 클래스보다는 id가 상위 세부적인 항목일수록 큰 항목보다 더 우선시된다. css 대상을 더 구체화하는게 좋은 방법 margin:0 auto; 중앙 정렬 box-sizing:border-box; 박스 안으로 들어간다. float: left; 좌측정렬 text-align:center; 중앙정렬 2018. 1. 16. 프로그래밍 코딩 입문자를 위한 무료 사이트 추천 파이어폭스 개발자 교육 https://developer.mozilla.org/ko/https://developer.mozilla.org/ko/docs/Web/HTMLhttps://developer.mozilla.org/ko/docs/Web/CSS/CSS_Reference 생활코딩https://opentutorials.org/course/3084 w3schoolshttps://www.w3schools.com/https://www.w3schools.com/html/default.asp https://www.w3schools.com/css/default.asp https://caniuse.com/ 영어폰트, 아이콘 http://fontawesome.io/ 무료이미지https://pixabay.com/ 2018. 1. 16. Html 5 shiv 링크, HTML default setting Html 5 shiv 링크https://github.com/aFarkas/html5shiv 사용방법다운받은 폴더에서 src 폴더에 있는 html5shiv.js 파일을 프로젝트 폴더의 js 폴더 안에 넣어주고 아래와 같이 script src 작성해주면 된다.html 5 형식에 맞춰 구버전도 인식이 된다. test 문구 2018. 1. 16. Html 편집기 추천 Atom(무료)https://atom.io/ brackets(무료)http://brackets.io/ Notepad++https://notepad-plus-plus.org/download/v7.5.4.html editplushttp://software.naver.com/software/summary.nhn?softwareId=MFS_100078 Sublime texthttp://www.sublimetext.com/3 2018. 1. 16. (사이트추천) 웹 제작하기 전에 프로그램과 추천 사이트 프로그램 http://www.sublimetext.com/2 https://www.editplus.com/download.html 브라우저 https://www.mozilla.org/ko/ https://www.google.com/chrome/browser/desktop/index.html 오픈소스 코드 https://desktop.github.com/ 도메인 구입과 비교 https://domize.com/ http://hosting.kr/ 2017. 2. 1. (사이트 추천) 웹기획하기에 좋은 추천 목업사이트 글리피 https://www.gliffy.com/ 목업스 https://moqups.com/ 발사믹 http://www.balsamiq.com 파워목업 https://www.powermockup.com/ 2017. 2. 1. 이전 1 다음
