![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/tbsx9/btsovJATFPL/QVTorj7g2WrsWQFI8azruK/img.png)
안녕하세요 찐망고 입니다. 웹사이트에서 푸터에 해당하는 부분을 보면 꼭 들어가는 내용이 있죠? 카피라이트, 사업자정보, 그리구 개인정보처리방침!!!! 개인정보처리방침이란 개인정보보호법 제 30조에 따라 모든 개인정보처리자에게는 개인정보 처리방침을 수립 및 공개할 의무가 있는데요 '개인정보처리자'란 개인정보보호법 제2조 제5호에 '업무를 목적으로 개인정보파일을 운용하기 위하여 스스로 또는 다른 사람을 통하여 개인정보를 처리하는 공공기관, 법인, 단체 및 개인등을 말한다.'라고 명시되어 있습니다. 따라서 고객 개인정보를 보유한 개인정보처리자뿐만 아니라, 고객 개인정보는 보유하고 있지 않으나 내부 임직원의 개인정보를 수집 및 이용하는 개인정보처리자의 경우에도 개인정보 처리방침을 수립해야 합니다. (다만, 공공..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/c1ztXe/btsnfEBpJmP/S4OxukrvNGKWXibxtmUDHk/img.png)
안녕하세요 찐망고입니다 포스팅 순서가 지금 두서없긴 한데 양해를... HTML에서 FORM은 사용자로부터 입력을 받기 위해 사용되는 요소이고 웹페이지에서 데이터를 전송하거나 처리하기 위한 컨테이너 역할을 하는데요 일반적으로 폼은 텍스트입력, 체크박스, 라디오버튼, 드롭다운 목록등과 같은 다양한 입력요소를 포함할 수 있죠. Select요소는 FORM요소에서 드롭다운 목록역할을 하는 요소인데 사용자에게 선택할 수 있는 옵션 목록을 제공합니다. 제자들이 많이 하는 질문 중 하나는 모바일에서 꼭 Select요소를 사용해야하는지에 대한 질문이었어요 이 질문이 왜 나왔냐면 현재 드롭다운 목록형태의 구조를 가지는 디자인요소들이 생각보다 꽤 많이 Select요소 대신 다른 구조로 작업 되고 있거든요 이런 디자인들 많이..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/A6vvg/btrDwPMXeXl/1qt1t9Wlo9ronqSrx3hie0/img.png)
안녕하세요 찐망고입니다. 오늘은 Visual Studio Code에서 ftp를 설치하여 연결하는 방법에 대해서 포스팅을 시작합니다. 다운로드 주소 링크입니다. https://code.visualstudio.com/Download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/drZ1ww/btrDuw1mVR4/Wt38BrXo0KFl8GdOomaYP0/img.png)
안녕하세요 찐망고입니다. 오늘은 HTML에디터 관련 포스팅을 해보려고 하는데요~ 일단 에디터를 사용하게 되면 코드를 좀더 깔끔하고 직관적으로 볼 수 있고, 자동완성기능이 있어 코딩하는데 있어 작업이 수월한 장점이 있습니다. 텍스트 에디터, 웹 에디터, 통합개발환경(IDE), 웹기반코드 에디터 로 나눌 수 있겠네요 워낙 많은 에디터들이 있고, 각자 장단점이 있는데 그걸 포스팅하기엔 좀 무리가 있고.. 그나마 제가 사용해봤던 에디터 위주로 포스팅을 해볼게요 1. 서브라임텍스트 서브 라임 텍스트는 파이썬 API 용으로 작성된 사유 크로스 플랫폼 소스 코드 편집기입니다. 수많은 프로그래밍 언어와 마크업 언어를 네이티브로 지원하며, 플러그인을 사용하여 사용자에 의해 기능을 확장할 수 있습니다. 서브라임 텍스트는 ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/GnCoJ/btraGbSYfnv/GnoqVklQkw42zHOYDTHruk/img.png)
안녕하세요 찐망고입니다. 오늘은 웹 접근성 관련 포스팅을 해보려고 합니다. 이전 글도 확인하고 올게요~ 2021.07.25 - [마크업/HTML] - 웹 표준,크로스브라우징, 시멘틱마크업에 대한 이해 2021.07.26 - [마크업/HTML] - 웹표준, 시멘틱 마크업?? 웹 접근성에 대해 잘 정의되어있는 사이트의 링크를 걸어볼게요 https://www.w3.org/WAI/fundamentals/accessibility-intro/ko#what 월드 와이드 웹을 창시한 팀 버너스 리는 웹을 “웹의 힘은 보편성에 있으며, 장애에 구애 없이 누구나 손쉽게 접근할 수 있는 공간”으로 정의했다. 또한, W3C에서 만든 웹 접근성 이니셔티브(WAI : Web Accessibility Initiative)에 따르면..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cIb1Ge/btrnJCa4aJj/Vh0peb4xNfapBxxHNrG8T0/img.png)
오랜만에 포스팅하는 찐망고입니다. 일주일에 한두 번이라도 포스팅하는 게 나름 계획이긴 했는데 쉽지 않네요.. 그저 출퇴근만 할 뿐인데 바빠요.... 더보기 더보기 실은 안 바빠요 그저 게으를 뿐 요즘 MBTI과 몰입 중인데 저는 정말 찐 P인 듯.. ^^; 웹 관련 포스팅이니까 본론으로 돌아와서~ 웹 표준 코딩은 HTML요소의 각 뜻에 따라 뼈대를 짜는 게 가장 큰 목적입니다. 제목 요소에는 h요소를 문단에는 p요소를.. 시멘틱 마크업에 맞춰 시멘틱 요소를 사용하는 것이죠~ 각각의 요소에 대한 설명은 워낙 잘 나와 있는 곳들이 많아 패스하고 저는 바로 박스 모델이라는 부분에 대해 설명하려고 했지만, 일단 그러려면 요소의 기본 특징을 알아야 합니다. HTML에서 사용하는 요소들은 inline요소와 bloc..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/Xn9uW/btrao7pWBgG/44G7yxCTnyxIKGY09yLIN1/img.png)
안녕하세요.. 날씨만큼 익어가는 찐망고입니다. 웹 표준, 크로스 브라우징, 시멘틱 마크업... 이젠 끝날 줄 알았는데 Outline이라니 😅 오늘은 시멘틱 요소들을 가지고 본격적으로 틀을 잡는 코드를 보여드릴까 해요.. 참고로 오늘의 찐망고의 코드고요. 내일의 찐망고는 다르게 마크업 할 수 있다는 걸 명심! 또 명심해주시길... A일수도 있고, B일 수도 있는데.. A와 B가 서로 본인 게 맞다고 싸우면 안 된다는 소리예요.. 일단 이전 글 두 개를 첨부하고 시작하겠습니다. 2021.07.25 - [마크업/HTML] - 웹 표준,크로스브라우징, 시멘틱마크업에 대한 이해 2021.07.26 - [마크업/HTML] - 웹표준, 시멘틱 마크업?? 시멘틱 마크업이라는 게 의미가 잘 전달되게 마크업을 하자는 거잖..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bQpE1Q/btraoB5cFhS/akVsSxrK3zbUTAmcKQ9vY1/img.png)
안녕하세요!찐망고입니다.오늘은 HTML카테고리에 두 번째 쓰는 글이 되겠네요..원래 웹 표준에 대해 설명하고, 웹 접근성으로 넘어가려고 했는데이전 글에 말이 많아져서, 시멘틱 마크업을 포스팅 못하는 바람에.... 2021.07.25 - [마크업/HTML] - 웹 표준, 크로스 브라우징, 시멘틱 마크업에 대한 이해 웹표준,크로스브라우징, 시멘틱마크업에 대한 이해안녕하세요 찐망고입니다. 오늘은 HTML에 첫 글을 올리는 것 같은데요.. 모 HTML 요소 하나하나 설명하는 포스팅을 할까 하다가... 그런 사이트는 많고, 널려있고, 제가 좋아하는 w3School도 있고 해서uiweb.tistory.com 각설하고 시작해 보도록 하겠습니다. 시맨틱(Semantic)이란 "의미론적인"의 뜻이며, 마크업(Mar..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/NIiWb/btraoO3Hrmm/zzgn1Nlr7tvM7vrInZNIA0/img.png)
안녕하세요 찐망고입니다. 오늘은 HTML에 첫 글을 올리는 것 같은데요.. 모 HTML 요소 하나하나 설명하는 포스팅을 할까 하다가... 그런 사이트는 많고, 널려있고, 제가 좋아하는 w3School도 있고 해서.. 기본적인 것에 대해 접근을 해보도록 하겠습니다. 그중 첫 번째는 웹 표준 그러니까 크로스 브라우징에 관련된 포스팅입니다. 일단 웹 표준을 말하기 전에 브라우저에 대해 이야길 해봐야 하는데요. 제가 수업시간에 자주 접속하는 사이트가 하나 있어요 https://gs.statcounter.com/ StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share Tracks the Usage Share of Sear..
- Total
- Today
- Yesterday
- Border
- 크로스브라우징
- margin
- padding
- CSS3
- 코딩교육
- boxmodel
- 프로그래밍기초
- css4
- Slick
- 슬라이드플러그인
- slickAPI
- uiux
- 자바스크립트숫자카운트
- UI디자인
- JavaScriptTips
- 반응형웹
- 스마트폰해상도
- 피그마플러그인
- 디자인팁
- 웹접근성
- 포토샵합성
- css
- uxdesign
- css그리드
- uidesign
- 웹디자인
- 웹표준
- JavaScript
- 시멘틱마크업
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |