본문 바로가기
반응형

기초8

정규식, 정규표현식, Regular Expression, RegExp 완전 기초 정리 정규식, 정규표현식, Regular Expression, RegExp 완전 기초 정리 정규표현식 또는 정규식으로 불리는 내용을 살짝 정리해보고 넘어가려고 합니다. 가뜩이나 프로그래밍 코드들도 외계어 같아 보일 수도 있는데, 정규표현식은 더더욱 외계인 기호처럼 보일 수도 있겠습니다. 정규표현식은 C, Java, Python, Javascript 등의 프로그래밍 언어와는 다른 것이라고도 볼 수 있습니다. 주로 을 검사하는 경우에 사용하는 예를 자주 만날 수 있습니다. 웹 문서에서는 입력받은 '이메일 주소'가 유효한 패턴인지, 혹은 입력받은 '패스워드'가 최소한 8자 이상이며 특수문자를 최소 1개 이상 포함하고 있는 지 등을 검증해낼 때 필수적으로 사용됩니다. 따라서, 정규표현식은 어떤 프로그래밍 언어를 다루.. 2023. 1. 23.
부트스트랩 Layout의 시작 - BreakPoints, Container, Grid Bootstrap은 그냥 예제 코드를 가져다 복붙해서 사용하는 아주 편리한 방식을 제공합니다. 그래서 보통은 Button과 같은 엘리먼트를 먼저 사용해보면서 작동방식을 익혀나가게 되는데요, 웹사이트를 만들면서 정말 정말 중요한 것은 바로 Layout을 잡아나가는 과정이 될 것입니다. 레이아웃을 잡지 않은 상태로 버튼만 가져다가 사용하거나 하진 않을테니까요. 그래서 이번에는 부트스트랩을 사용할 때 마다 매번 반복되는, 초기 세팅방식과 레이아웃에 대한 이해를 해두기로 합니다. 부트스트랩 Layout의 시작 부트스트랩의 표어는 Build fast, responsive sites. 즉 반응형 사이트들을 빠르게 만들수 있다! 라는 것입니다. 사실 부트스트랩이 얼마나 큰 편리함을 제공하는가에 대해서는, 이미 HTM.. 2022. 12. 24.
화살표 함수 기초 개념 정리 - Arrow Function Javascript 소스들을 살펴보다 보면, 언젠가부터 " => " 이런 기호가 곧잘 눈에 들어오곤 합니다. Arrow Function, 즉 화살표 함수라고 불리는 표기법인데요, 기존의 전통적인 Function과는 다양한 차이점이 존재하지만 일단은 눈에 익숙해질 수 있도록 간단하게 기초적인 내용을 정리해보기로 합니다. 화살표 함수 기초 화살표 함수는 ES6 표준으로 제정된 문법이라고 합니다. 대충 자바스크립트 표준에 대한 버전이라고 보면 되는데요, ES2015라고도 부르니, 2015년에 업데이트 되어 제정된 표준을 말합니다. 전통적인 Function 표기 방식 예전부터 함수(Function)는 다음과 같은 표기 방식으로 정의되고 사용되어져 왔습니다. 꽤나 오래도록 자리매김 하고 있던 표기방식이라 뭔가 익.. 2022. 12. 17.
Bootstrap을 이용한 반응형 Article 만들기 기초 부트스트랩(Bootstrap) 부트스트랩은 CSS를 활용한 프레임워크라고 볼 수 있습니다. 뭔가 상당히 어려운 말로 들리기는 한데 결론적으로 웹 페이지 제작시 사용하게 되면 매우 큰 도움을 줍니다. Boot + strap = 신발끈? 부츠 앞을 조이는 끈을 영어로 부트스트랩이라고 하죠. 그래서 이번에는 아주 기초적인 부트스트랩 사용법을 정리해보기로 합니다. 결과물 미리보기 아래와 같은 결과물을 만들려고 합니다. 웹 페이지에서 흔히 볼 수 있는 제목 + 내용 + 버튼의 조합을 이루는 컨텐츠의 형태입니다. 부트스트랩은 '반응형'을 기본으로 하고 있기 때문에 기본적으로 반응형 결과물로 만들어집니다. 같은 결과물을 가지고 브라우저 가로 폭을 늘려보면 알아서 잘 반응형으로 보여집니다. 빈 HTML 문서 준비 VS.. 2022. 12. 11.
반응형

티스토리툴바