두부찌개 두부찌개

- http://cafe.naver.com/moyaid/ > 20180601주말반- \\211.238.142.212\weekDev- 라우터, 만개의 레시피, 몽고db, 부트스트랩을 이용해서 제작할 예정 react -> 생명주기 -> view (MVC 중 view front단) *m, c : back 단 node.js, spring, boot (react lib도 있음.)JSX -> javascript xml가상돔 (돔: 트리형식)단반향 흐름UI 컴포넌트React -> 서버 - 데이터 읽기 (xml, json)-> db 몽고db (node)데이터 ------------------>xml render(xml) =======================================================..

하이브리드 앱으로 만들어진 루시드 플레이어 작업중에 안드로이드 4.4.2 버전에서 화면이 왕창 깨졌음.아래는 안먹는 css 정리한 것. - inline-block : width를 지정해주어야함. 대체적으로 width를 지정해주면 틀어짐을 수정할 수 있음.- border : border 두께를 vw로 지정하면 안먹음.. 고정값 픽셀로 주자..- border-radius : 뭔가 되는듯 안되는듯..... 모르겠음..ㅜㅜ

*페이스북 공유하기 a링크에 ( http://www.facebook.com/sharer/sharer.php?u=공유할링크 ) 넣어주면 됨. 공유시 들어갈 요약정보는 메타 태그에서 설정할수 있음. ex)-html facebook -scriptfunction shareFB(){ window.open('http://www.facebook.com/sharer/sharer.php?u=사이트 url');} *** 메타태그에 설정한 내용이 잘못되어 수정하여도 수정된 내용이 페이스북 공유 기능에서 바로 적용되지 않을 수 있다.이때 공유 디버거 (https://developers.facebook.com/tools/debug/) 에 접속하여 해당 페이지를 다시 디버깅하면 바로 적용이 된다.

1. 간편하게 변환시켜주는 홈페이지 (1) 아래 링크로 들어가서 시키는 대로 하면 됨. https://convertio.co/kr/jpg-ico/ 2. 포토샵으로 파일 변환 (1) 32비트인지 64비트인지 확인하고 아래 파일을 다운로드를 받고, (2) C:\Program Files\Adobe\Adobe Photoshop CC 2018\Required\Plug-ins\File Formats 경로에 넣는다. (3) 포토샵을 실행하면 ico가 추가되었음을 확인할수있다.

사용할 일이 생길때마다 찾기가 넘나 귀찮음.. var isMobile = false; //initiate as false if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.te..

머리가 붕어인지 매번 쓰면서 까먹음ㅜㅜ 다음엔 안찾아보려고 정리해두었음. 1. 유튜브 동영상 퍼오기 2. rel=0 (기본값 1)재생이 끝나고 관련 동영상 노출 여부 (노출 1, 비노출 0) 3. autoplay=1 (기본값 0)동영상 자동재생 여부 (자동재생 1, 수동재생 0) 4. loop=1 (기본값 0)동영상 반복재생 여부 (반복재생 1, 1번재생 0)* loop는 playlist 매개변수와 같이 사용해야 동작함 (1개의 동영상을 반복재생할때 같은 동영상id를 넣어주면 됨.) 5. start=204 (단위 초)동영상 시작부분에서 특정 시간 이후에 동영상 재생을 시작 * 여러개의 매개변수를 사용할 때http://www.youtube.com/embed/동영상ID?첫번째변수=값&변수=값&변수=값첫번째 ..

미디어쿼리는 반응형 웹을 제작할때 사용하는 매우 유용한 구문이다. 1. 사용법- 속성으로 구분@media only screen and (max-width:768px){.className{color:#000;}}- 파일로 구분 2. 미디어 특징- width : 화면 너비@media only screen and (min-width:768px) and (max-width:1024px) {} // 너비가 768px 이상이고 1024px이하일때 적용- height : 화면 높이 - aspect-ratio : 화면 가로세로 비율@media only screen and (aspect-ratio: 3/4) {} // 가로세로 비율이 3 : 4 일때 적용- device-width : 출력장치 너비 - device-hei..

1. 인쇄화면 전용 css 적용 화면에 표시되는 불필요한 영역을 숨긴 뒤에 인쇄하고 싶을 때, 인쇄 전용 css를 사용해야 할 때 아래와 같은 방법을 쓰면 된다. (1) print.css 프린트 전용 css 파일을 사용할 때 (2) 미디어 쿼리 사용 2. background(color/image) 브라우저 인쇄 디폴트 설정은 배경이미지를 포함하지 않고 인쇄된다.출력옵션으로 배경이미지 포함하여 인쇄 할 수 있지만 css로 배경이미지를 표시되게 하려면 아래와 같은 방법을 쓰면 된다. body{-webkit-print-color-adjust:exact;} 3. 인쇄 페이지 영역 분할 원하는 영역을 선택하여 인쇄 할 페이지를 나누고 싶을때 아래와 같은 방법을 쓰면 된다. (1) 나눌 영역을 div던, secti..