JavaScript3 HTML Forms 1. client-side form validation 이란? client-side form validation은 HTML form 요소와 관련하여, 데이터를 서버로 전송하기 전에 필요한 모든 form의 요소들이 적절한 형식으로 채워졌는지 확인하는 절차를 말합니다. 최초 유효성 체크 과정이자, 이를 통해 사용자가 부정확한 입력을 하면 바로 그것이 잘못됐음을 알려주어 다시 입력할 수 있는 기회를 줄 수 있기 때문에 client-side의 잘 설계된 유효성 검사는 사용자 경험을 증진시킬 수 있습니다. 서버로 데이터가 전송된 뒤 그것이 잘못됐음을 사용자가 받아보려면 데이터가 오고가는 동안 눈에 띄는 시간 간격이 존재할 수 있기 때문입니다. 하지만 이 과정은 악의적인 사용자가 우회하고자 한다면 쉽게 우회가 가능.. 2022. 12. 13. Semantic HTML 작성하기 1. Semantic(시맨틱) 이란? 시맨틱이란 단어의 뜻을 전반적으로 우리 말로 나타내자면 코드 조각에 내포된 의미라고 볼 수 있습니다. 예를 들어 Javascript의 경우, 특정 라인의 JS가 실행됐을 때 어떤 효과가 일어나는지의 의미합니다. 코드를 작성할 때 함수 이름 등을 Semantic을 고려해서 지으면 가독성이 좋고 코드를 이해하기가 훨씬 쉬워집니다. 예를 들어, '복숭아'라는 항목을 가진 HTML 요소를 생성하는 함수를 상상해봅시다. 단순히 build('Peach')라고 함수 이름을 지을 수 있을테지만 createLiWithContent(‘Peach') 라고 작성하면 동작 자체는 똑같을지 몰라도, 코드 실행 효과가 함수 이름에 그대로 나타나게 되어 훨씬 코드를 이해하기 쉽고 보기 좋을 것입.. 2022. 10. 31. You Don't Know JS : 타입과 문법, 스코프와 클로저 카일 심슨 지음 | 컴퓨터/IT | 282페이지 | 2022.06.20 - 2022.08.04 [ 책을 읽게 된 동기 ] 대학에서 수업을 듣고 개발자로 취업하여 프론트엔드 개발을 하는 동안 Javascript는 구현을 위해서 원하는 정보만 찾아서 배우고 가져다 쓰기 바빴지 언어 그 자체에 대해서 깊숙이 알고자 한 적은 없는 것 같았다. 그래서 프론트엔드 개발자라면 가장 많이 쓰는 프로그래밍 언어인 Javascript에 대해 잘 알아야하지 않겠나 싶었고, 그런 기본기가 탄탄한 프론트엔드 개발자가 되고자 그동안 외면해온 Javascript라는 언어의 본질에 대해서 파헤쳐보고자 그 첫 발걸음으로 이 책을 읽게 되었다. [ 인상 깊은 구절 혹은 내용 ] 이 책에서 다루는 주된 내용은 Javascript의 타입과.. 2022. 9. 26. 이전 1 다음
