반응형 자바스크립트12 Bootstrap 기초 class 사용 + Javascript 조작하기 연습 이전 포스팅에서, 부트스트랩을 이용한 레이아웃 구성을 살펴봤습니다. container, row, column에 대해서 살펴봤습니다. 이번에는 약간 더 나아가서 이를 이용해서 간단한 레이아웃을 구성하는 연습을 해보려고 합니다. 그리고 이후에 Javascrip로 핸들링까지 해보려 합니다. Bootstrap 기초 class 사용 + Javascript 조작하기 연습 초보인 경우 이 포스팅을 진행하기 전에, 이전 내용을 먼저 확인하면 도움이 됩니다. 부트스트랩 Layout의 시작 - BreakPoints, Container, Grid 부트스트랩 Layout의 시작 - BreakPoints, Container, Grid Bootstrap은 그냥 예제 코드를 가져다 복붙해서 사용하는 아주 편리한 방식을 제공합니다... 2022. 12. 26. setTimeout(), clearTimeout() 기본 동작 방식 살펴보기 setTimeout(), clearTimeout() 지난 번에 Web 애플리케이션을 만들면서 시간 차를 두고 동작하는 기능에 대한 구현이 필요했었습니다. 그래서 예전에 봐두었던, setTimeout()과 celarTimeout() 함수를 떠올리게 되었고 사용을 하려고 했는데, 돌아서면 까먹는 나이다 보니 잘 생각이 나지 않더라구요. 그래서 오늘은 실행 타이밍을 제어할 수 있는 이 기능에 대해서 정리해두려고 합니다. setTimeout() 기본 동작 방식 setTimeout()은 타이머(Timer) 기능을 한다고 보면 됩니다. 말 그대로 '타임 아웃!' 되는 순간을 세팅해두는 것이죠. 기본적인 사용문법은 다음과 같습니다. setTimeout(() => { 실행할코드 }, 지연시간); setTimeout((.. 2022. 12. 23. 화살표 함수 기초 개념 정리 - Arrow Function Javascript 소스들을 살펴보다 보면, 언젠가부터 " => " 이런 기호가 곧잘 눈에 들어오곤 합니다. Arrow Function, 즉 화살표 함수라고 불리는 표기법인데요, 기존의 전통적인 Function과는 다양한 차이점이 존재하지만 일단은 눈에 익숙해질 수 있도록 간단하게 기초적인 내용을 정리해보기로 합니다. 화살표 함수 기초 화살표 함수는 ES6 표준으로 제정된 문법이라고 합니다. 대충 자바스크립트 표준에 대한 버전이라고 보면 되는데요, ES2015라고도 부르니, 2015년에 업데이트 되어 제정된 표준을 말합니다. 전통적인 Function 표기 방식 예전부터 함수(Function)는 다음과 같은 표기 방식으로 정의되고 사용되어져 왔습니다. 꽤나 오래도록 자리매김 하고 있던 표기방식이라 뭔가 익.. 2022. 12. 17. Number()와 parseInt() 차이점 - parseInt(string, radix) 문자열을 숫자로 자료형 변환 하기 Javascript를 공부하며 코딩을 하다가 '어라? 비슷한 명령어가 있네? 같은 기능을 하는 건가? 분명히 차이점이 있을텐데?' 싶은 기능 두 가지가 눈에 띄었습니다. 바로, Number()와 parseInt()입니다. Number()는 말 그대로, 문자열을 숫자로 형변환을 해주는 것일테고 parseInt()는 말 그대로, parse + Integer 즉 정수로 파싱을 해준다는 의미 같은데 어떠한 차이가 있는 지 이 참에 자세하게 알아보기로 해봅니다. Number() Number(string) 형식으로 사용됩니다. 인자로 문자열을 받아서, 숫자형으로 강제 캐스팅해줍니다. Java 공부할 때 만났었죠. parseInt() 역시 parseInt(string) 형식으로 사용.. 2022. 12. 12. 이전 1 2 3 다음 반응형
