URL 주소를 매번 입력할 수는 없다. 기본적인 Form은 후딱 구현할줄 알아야 데이터가 잘 이동하는지 알 수 있다. - 기본 Form 틀 네이버 검색 검색 - method 는 GET이나 POST 등 HTTP 메소드를 정하는것이다. - action 은 보낼 경로를 설정한다. - target은 생략 가능하며 위처럼 _black 사용시 새창을 띄어준다. - input type에는 굉장히 여러 태그가 있으니 필요할때 찾아서 쓰자 - name은 매우 중요하다. 데이터를 name에 담아서 보내기 때문에 서버에서도 같은 쿼리명을 써야 된다. - placeholder은 아무것도 적지 않았을 때 나오는 디폴트 값이다. - button태그로 버튼을 만들어 action으로 name값을 submit 한다. HTML 낯선 문..

https://devdocs.io/ DevDocs Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++, and many more. devdocs.io

Flex 프론트앤드 영역이라 잘 접하지 않기 때문에 잊어버리기 쉽다. 사용하려는데 기억이 나지 않을 때, 짧은 시간에 감을 되찾기 위해 다음 문제들을 빠르게 풀어보자. https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 다음은 Flex의 주요 기능들을 보기 좋게 구현해 놓았다. https://cdpn.io/pen/debug/adLPwv CodePen - Flexbox playground cdpn.io Properties for the flex container에 해당하는 기능은 부모한테 적용해서 자식들을 한 번에 움직인다. Properties for the flex items는 요소 그 ..

https://github.com/nhn/tui.editor/blob/master/docs/ko/getting-started.md GitHub - nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. - GitHub - nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. github.com Toast UI Editor는 패지키 매니저를 사용하거나(Node.js) CDN 방식으로 사용할 수 있다. 주..

HTML 기본 틀 div : 묶음 홍길동 제목 h1 ~ h6 (크기순) 도적 경로 이동 내 이름은 홍길동 내 이름은 박혁거세 copyright CODE head -> 부가 정보 body -> 주 내용 *** CSS 기본 틀 꾸밀 태그 { 어떤 요소를: 어떻게 ; 꾸밈 1 꾸밈 2 } footer { text-align: center; background-color: black; color: white; } html파일의 footer태그 가운데 정렬, 배경 검정 글씨 흰색 .big-font { font-size: 40px; } .smal-font{ font-size: 15px; } 앞에 .이 붙으면 class를 꾸며준다는 뜻 * div태그로 묶인 영역을 꾸밀 때 div = section = article ..