본문 바로가기

분류 전체보기123

04- [웹디자인기능사] 설치, 폴더만들기 작업 준비하기 1. 코딩 EDIT 프로그램 설치 컴퓨터에 설치되어 있는 메모장으로도 코딩이 가능하지만 작업하기가 어렵다. 해서 EDIT 프로그램을 사용하여 코딩한다 VS Code, Atom, Brackets 등 많은 프로그램이 있지만... 시험장에 설치되어 있는 프로그램을 설치해서 연습하는게 좋기 때문에 Brackets을 설치해 연습해보겠다. 아래 페이지로 가서 Brackets과 emmet을 설치하고 오세요~ https://oddcode.tistory.com/69?category=836326 웹디자인기능사 설치 프로그램 1. EDIT 프로그램 - Brackets 시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다. 아래 사이트에서 Brackets을 설치해주세요. http://brackets.io/ A mo.. 2020. 9. 18.
06- [웹디자인기능사] CSS 제작하기 작업 전 프로그램 설치가 필요합니다. 설치를 위해 아래 페이지를 참고하세요. https://oddcode.tistory.com/69?category=836326 웹디자인기능사 설치 프로그램 1. EDIT 프로그램 - Brackets 시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다. 아래 사이트에서 Brackets을 설치해주세요. http://brackets.io/ A modern, open source code editor that understands.. oddcode.tistory.com HTML로 사이트의 뼈대를 완성했으면 CSS로 디자인을 입히겠습니다. 1. CSS 파일 External로 추가하기 css 확장자를 가진 파일을 만들고 html 파일에 방금 만든 css를 연결해 사용합.. 2020. 9. 18.
Skip Navigation ie 오류 blog.naver.com/PostView.nhn?blogId=yongpal0070&logNo=220040882196&parentCategoryNo=12&categoryNo=&viewDate=&isShowPopularPosts=true&from=search 2020. 9. 16.
VSCode ftp-simple gangnam-americano.tistory.com/26 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 [VSC] Visual Studio Code에서 FTP로 remote(원격)서버 연동하기 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해 알아보겠다. 우선, Visual Stu.. gangnam-americano.tistory.com 오늘은 Visual Studio Code로 Reactjs를 개발하는데 있어 remote서버에 FTP로 연동하여 바로 코딩하는 방법에 대해 알아보겠다. 우선, Visual Studio Code를 켜고 좌측 메뉴중 제일 밑에있는 확장버턴을 눌러.. 2020. 9. 16.
VSCode : OSX Finder에서 열기 https://gist.github.com/tonysneed/f9f09bfa28bcf98e8d8306f9b21f99e2 Add a command to Finder services in Mac OSX to open a folder in VS Code Add a command to Finder services in Mac OSX to open a folder in VS Code - Mac OS X: Open in Visual Studio Code gist.github.com 1. Automater를 시작합니다 2. 파일메뉴에서 신규를 선택합니다. 3. 서비스를 선택합니다. 4. "서비스가 받는 선택 항목: 파일 또는 폴더", "선택 항목 위치: Finder"를 선택합니다. 5. 왼쪽 화면에서 "셸 스크립트 .. 2020. 9. 11.
책 추천 - 인터랙티브 웹디자인북 인터랙티브 웹디자인북 www.hanbit.co.kr/store/books/look.php?p_code=B4796244265 인터랙티브 웹디자인북: 웹디자이너를 위한 HTML5+CSS3+jQuery 사용설명서 필수 구문 40개와 9개의 실전 예제로 완성하는 인터랙티브 웹 만들기 이 책에서는 웹 디자인에 필요한3Step만 따라가면 인터랙티브 웹 예제 9개를 완성할 수 있다. HTML5, CSS3, jQuery 문법 중 실무에서 www.hanbit.co.kr 2020. 8. 28.
신사임당 쇼핑몰 cosette.kr/index.html 인테리어소품 :: 코제트 본 결제 창은 결제완료 후 자동으로 닫히며,결제 진행 중에 본 결제 창을 닫으시면 주문이 되지 않으니 결제 완료 될 때 까지 닫지 마시기 바랍니다. cosette.kr 홈퍼니싱 사업 (이케아) 2020. 8. 28.
06. jQuery Effects Hide / Show hide()및 show()메서드를 사용하면 HTML 요소를 숨기고 표시 할 수 있습니다 hide() 요소를 숨깁니다. show() 요소를 보여줍니다. See the Pen OJNmQXr by miae (@flato) on CodePen. Fading 요소를 서서히 보여주거나 없앱니다. $(selector).fadeToggle(speed,callback); speed 매개 변수는 효과의 지속 시간을 지정하고 "slow", "fast"또는 milliseconds(2000) 값을 사용할 수 있습니다. 선택적 콜백 매개 변수는 페이딩이 완료된 후 실행되는 함수입니다. fadeIn() 숨겨진 요소를 서서히 보여줍니다. fadeOut() 요소를 서서히 안보이게 합니다. fadeToggle() .. 2020. 8. 28.
05. jQuery Event Methods 이벤트 란? 웹 페이지가 응답 할 수있는 모든 방문자의 행동을 이벤트라고 하고 어떤 일이 발생하는 정확한 순간을 나타냅니다. 요소 위로 마우스 이동 라디오 버튼 선택 요소 클릭 Mouse Events Keyboard Events Form Events Document/Window Events click keypress submit load dblclick keydown change resize mouseenter keyup focus scroll mouseleave blur unload 이벤트를 실행 시키려면 아래 구문과 같이 클릭 이벤트를 넣으면 됩니다. $("p").click(function(){ // action goes here!! }); on () 메서드 on()메서드는 선택한 요소에 대해 하나 .. 2020. 8. 28.
04. jQuery HTML Dimensions Dimensions (박스 모델) width() 요소의 너비를 설정하거나 반환합니다 (패딩, 테두리 및 여백 제외) height() 요소의 높이를 설정하거나 반환합니다 (패딩, 테두리 및 여백 제외) innerWidth() 요소의 너비를 반환합니다 (패딩 포함) innerHeight() 요소의 높이를 반환합니다 (패딩 포함) outerWidth() 요소의 너비를 반환합니다 (패딩, 테두리 및 여백 포함) outerHeight() 요소의 높이를 반환합니다 (패딩, 테두리 및 여백 포함) width(), height() See the Pen vYGmpdm by miae (@flato) on CodePen. Document와 Window 비교 1. Document (전체 문서 크기) - 창크기에 상관없이 일정.. 2020. 8. 28.