1) 상태정보란? 웹에서의 상태 유지 기술 HTTP프로토콜은 상태 유지가 안되는 프로토콜입니다. 이전에 무엇을 했고, 지금 무엇을 했는지에 대한 정보를 갖고 있지 않습니다. 웹 브라우저(클라이언트)의 요청에 대한 응답을 하고 나면 해당 클라이언트와의 연결을 지속하지 않습니다. 상태 유지를 위해 Cookie와 Session기술이 등장합니다. 즉, 클라이언트가 두 번째, 세 번째 요청을 했을 때에는 이 클라이언트가 누구이구나라는 정보를 알게 한다거나 등등 여러 가지의 이런 상태를 유지해 주기 위한 기술인 Cookie와 Session이 등장하게 됩니다. 쿠키(Cookie)와 세션(Session) 쿠키 사용자 컴퓨터에 저장. 유지해야 할 정보를 사용자 컴퓨터에 저장하게 하는 기술 저장된 정보를 다른 사람 또는 ..
2) form 데이터 유효성 검증하기 form 태그를 사용한 html 다음의 form 코드에서 email 정보가 올바른지 유효성검증을 하고 싶습니다. Email Password 이 부분을 서버에서 처리한다면 그 시간동안 사용자는 꽤 답답할 겁니다. 왜냐하면, 서버에 갈 때까지 email 정보가 틀렸는지 알 수가 없기 때문입니다. 예를 들어 다른 값을 모두 다 넣고 확인을 눌러서 서버로 데이터를 보냈는데, email 정보가 틀렸다고 메시지가 뒤늦게 나온다면 사용자는 당황할 겁니다. 좀 더 좋은 UX를 제공하기 위해서는 에러 메시지를 더 빨리 사용자에게 노출해주는 것이 좋습니다. form 데이터의 검증방법은 아래와 같이 구현할 수가 있습니다. Join my website! Email Password 위 코드..
1) form 데이터 보내기 form 태그를 사용한 html form 태그를 사용해서 사용자 입력을 받을 수 있습니다. 브라우저는 form 태그를 사용해서 사용자 입력을 받으면 이를 쉽게 전송해줍니다. Email Password form태그에서 input 태그를 사용해서 값을 입력받을 수 있으며, input 태그의 type에 따라서 다양한 입력을 받을 수가 있습니다. 실제로 input의 name을 기준으로 서버에 날아갈 때 name이 어떤 키값이 되는 거예요. name은 굉장히 중요한 키값입니다. 이름을 아무거나 적으면 안 되고 서버와 클라이언트 간의 어떤 규칙에 의해서 서로 약속된 이름으로 주어져야 되는 것입니다. 타입은 사용자에게 어떻게 UI로 브라우저가 그려서 보여줄 거냐라는 건데 input 타입이..
1) 정규표현식이란? 정규표현식 (regular expression) 문자열의 특정 패턴을 찾을 수 있는 문법입니다. 패턴을 찾아서 추출, 삭제, 치환 등의 문자열 조작을 할 수 있습니다. 실무에서의 사용 몇 가지 유용한 사례 입니다. 이메일, 주소, 전화번호 규칙 검증 textarea에 입력된 것 중 불필요한 입력값 추출 트랜스파일링: 트랜스 파일링은 최근에 자바스크립트 개발이 ECMA 스크립트가 6, 7, 8 이렇게 나가면서 현대화된 개발 문법을 브라우저가 지원되지 않기 때문에 그 문법을 변환시켜주는 어떤 로그들을 만들 필요가 있습니다. 그 도구에서 예를 들어서 이런 걸, 최근 문법에 쓴 개발 코드가 있는데 그 코드를 실제 브라우저에서 동작 가능한 코드로 변경한다거나 그런 작업을 할 때, 즉 소스코드..