목록Programming (174)

늘 겸손하게

HTML - HTML Form Validation

Form Validation이란? 직역하면 폼 검증. 유명한 웹 사이트 등록 Form을 보면, 사이트에서 원하는 포맷으로 데이터를 입력하지 않은 경우 경고 피드백을 주는 것을 볼 수 있다. 위와 같은 방식으로 사용자에게 피드백을 주며 서버쪽에 올바른 포맷의 데이터가 전달되는 것을 보장하는 일을 Form Validation 이라고 한다. 그러면 Form Validation은 어떤 방식으로 할까? 내장 Form Validation HTML5 form controls의 특별한 기능 중 하나는 JavaScript에 의지하지 않고 사용자 데이터를 검증하는 기능이다. 이 기능은 form의 validation 속성으로 사용 가능하다. required : 제출 전, 해당 영역이 채워 저야 함을 나타냄 minlength..
Programming/HTML,CSS 2022. 6. 12. 23:08
HTML Conventions

이해하기 쉽고 읽기도 편한 HTML 코드를 만들기 위한 컨벤션들 출처 : https://www.w3schools.com/html/html5_syntax.asp HTML Style Guide and Coding Conventions W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 목차 1. 문서의 Document type을 항상 선언하라 2. Element 이름은 꼭 low..
Programming/HTML,CSS 2022. 6. 3. 15:00
spring static html이 bootstrap css, js 경로를 인식 못할때 - GET http://localhost:8080/bootstrap.css net::ERR_ABORTED 404

made by : besforyou 문제 static hmtl 파일이 bootstrap css, js의 경로를 인식을 못하는 문제에 부딪혔습니다 문제 원인 찾아보니 html link element에게 잘못된 파일 경로를 주었을때 발생하는 에러라고 합니다. link의 속성중 href에 알맞은 css, js 파일 경로를 주어야 고쳐집니다. spring 프레임워크는 css, js와 같은 static resource 파일 경로는 default로 /static/으로 설정되어 있습니다. 그래서 위와 같은 코드에서 styles.css는 문제없이 적용이되고 bootstrap.css는 적용이 되지 않았던것입니다. 해결책 css, js 폴더를 static의 하위폴더에 두고 href를 각각 "/css/bootstrap.cs..
Programming 2022. 5. 22. 23:06
create-react-app Render가 두 번될때 ( console.log 두번 출력될때 )

create-react-app을 설치하고 React App을 실행하여 개발하면 2번씩 렌더링이 됩니다. 보통 설치 직후에 src/index.js를 보면 1 2 3 4 5 6 7 const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); Colored by Color Scripter cs root.render 하위에 React.StrictMode가 존재합니다. 이 React.StrictMode를 제거하면 Render가 두 번 출력되지 않습니다. 1 2 3 4 5 const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); Color..
Programming/React 2022. 5. 10. 17:37
이전 Prev 1 ··· 27 28 29 30 31 32 33 ··· 44 Next 다음