전체 글139 [Javascript]정규표현식을 사용한 유효성검사 자주 사용하는 정규 표현식 모음 1. 기본 /^[ ]$/ 3. 숫자만 /^[0-9]$/ 4. 영문만(대소문자) /^[a-zA-Z]$/ 4. 소문자만 /^[a-z]$/ 5. 영문(대소문자) + 숫자 /^[a-zA-Z0-9]$/ 6. 영문(대소문자) + 숫자 + 길이 1~10자리 사이의 문자열 /^[a-zA-Z0-9]{1,10}$/ >>> 영문 포함 + 숫자 포함 + 길이 1~10자리 사이 문자열(반드시 모두 포함) const regexId = /^[a-z0-9](?=.*[a-z])(?=.*\d)[a-z0-9]{5,11}$/; 8. 소문자, 숫자, 특수문자 "-","_" 로만 구성된 길이 1~10자리 사이의 문자열 /^[a-z0-9_-]{1,10}$/ 9. 모든 특수문자 체크 /[\{\}\[\]\/?.,;:.. 2022. 11. 2. [React]리액트(React)에서 벡터이미지(SVG)사용하는 방법 벡터 이미지(SVG) 장점 - SVG : XML(기계 및 사람 모두 해독할 수 있고 인터넷 전반에 널리 사용되는 마크업 언어)을 기반으로 하는 ‘확장 가능한 벡터 그래픽’ 포맷이다. 인덱싱, 검색 및 스크립팅이 가능한 웹에서 유용하다. 간단하게 코드로 이루어진 이미지다. - 그밖에 벡터 파일 : ai, pdf, eps 등 - 파일 용량이 작다. - 벡터 형식으로 무한한 확장이 가능하다(고화질, 크기와 해상도에서 자유롭다) - CSS를 통해 스타일링 등 변경 조작 등이 가능하다. 벡터 이미지(SVG) 단점 - 디테일한 사진 작업에는 부적합 하다. 픽셀 수가 적기 때문에 비교적 간단한 디자인의 로고나 아이콘, 일러스트 등에 적합하다. (사진보다는 그래픽, 사진일 경우 JPEG 등이 더 적합) - 호환성 문제.. 2022. 10. 30. HTML : 폼(Form)에 대한 이해 [ 폼 태그 동작방법 ] 1. 폼 안의 데이터를 웹 서버로 전송 2. 웹 서버는 받은 폼 데이터를 웹 프로그램에 전송 3. 웹 프로그램에서 폼 데이터 처리 후 새로운 html페이지를 웹 서버에 보냄 4. 브라우저는 새 html페이지를 보여줌 [ 폼 태그 속성 ] name, method, action, target 등이 있다. name : 폼을 식별하기 위한 이름 지정 method : 폼을 서버에 전송할 http메소드를 정함(get, post) action : 폼을 전송할 서버 쪽 스크립트 파일을 지정 target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 accept-charset : 폼 전송에 사용할 문자 인코딩 지정 [ GET과 POST ] 폼을 서버에 전송할.. 2022. 10. 27. Git · GitHub 삭제한 커밋(commit) 복구하기 [ 삭제한 커밋 복구하는 방법 ] 1. git reflog 명령어로 기록 찾기 먼저 git reflog 명령어로 그동안 기록해온 목록들을 가져온다. git reflog 되돌리고 싶은 시점을 찾은 후, 2. git reset --hard [복구할 시점] 복구할 시점으로 git을 reset한다. git reset --hard e4c6cca // 복구할 시점 복구가 완료되었다. 3. git push 복구된 커밋을 다시 push해 준다. 기존에 커밋했던 날짜대로 커밋이 무사히 복구된 것을 확인할 수 있다. 커밋 복구 완료! 2022. 7. 1. 자바스크립트(javaScript)_리팩토링(Refactoring)단계 정리 [⚙️Refactoring ] - 모듈화(module), 즉 리팩토링(Refactoring)과정을 단계별로 정리해 보았다. - 리팩토링의 장점 : 코드의 의미를 파악하기 쉽고 코드의 관리가 용이하며 가독성과 재사용성 등등을 개선시킬 수 있다. Refactoring 과정 1. 🛠️모듈화(Export, Import) : 파일을 작은 단위로 나누어 생성하고 모듈화 하고 객체지향적으로 코딩한다. Export, Import하여 외부로 노출시키고 가져와서 활용한다. 모듈화의 장점 : 하나의 파일에 많은 코드를 작성하면 코드의 의미 파악, 관리, 재사용성이 떨어진다. 각각의 기능별로 파일을 분리하여 모듈화시키면 코드를 효율적으로 관리할 수 있으며 재사용성도 높아진다. ex) HTML에서 큰 섹션 단위인 game과 p.. 2022. 6. 8. Git · GitHub 커밋(commit)삭제하기 - git bash 명령어 [ Git·GitHub 커밋 삭제하기 ] - 깃과 깃헙을 사용하다보면 커밋 실수, 또는 수정 및 삭제하고 싶은 경우가 종종 발생한다. 평소에는 소스트리를 사용하여 깃을 관리하지만 Git Bash로 명령어를 사용하면 간편하게 커밋을 삭제할 수 있다. 1. commit을 삭제하고 싶은 로컬 폴더에서 > Git Bash Here를 클릭해 이동한다. 2. 커밋 기록을 확인해 본다. > 최근 커밋한 기록들이 보인다. git log - q 눌러서 나가기 3. 커밋을 삭제한다. > 가장 최근의 커밋부터 n개를 입력하여 여러개 삭제가 가능하다. git reset HEAD~n git log git log로 삭제되었는지 커밋 기록을 다시 확인해 본다. - q 눌러서 나가기 4. 원격 저장소에 커밋을 push한다. git .. 2022. 6. 3. 이전 1 ··· 18 19 20 21 22 23 24 다음
