반응형 javascript37 Javascript 완전 기초 - 자바스크립트는 무엇에 쓰는 물건인고? 우리집 아이들이 언제가 이 포스팅을 보게 되는 경우를 생각해서, 아주 기초적인 내용을 정리해 놓습니다.^^ 너무 기초적인 내용이니, Web에 익숙한 분들은 스킵하셔도 되는 내용들입니다. Javascript는 무얼 위해 만들어진 프로그래밍 언어일까? Javascript는 일단 Java 언어와는 전혀 다른 프로그래밍 언어입니다. 이건 아주 상식적인 내용이죠. 자바스크립트는 "웹 브라우저"를 위해서 만들어진 언어입니다. 초창기의 Web은 정적인(Static) HTML 페이지들로 이루어져 있었는데, 인터넷이 점점 발전하게 되면서 동적인 기능들이 필요해졌기 때문입니다. 그래서 때는 바야흐로 1995년, 브라우저 시장을 꽉 잡고 있던 Netscape 사의 '브랜든 아이크'라는 아저씨가 10일만에 천지창조를 하듯 만.. 2022. 12. 25. setTimeout(), clearTimeout() 기본 동작 방식 살펴보기 setTimeout(), clearTimeout() 지난 번에 Web 애플리케이션을 만들면서 시간 차를 두고 동작하는 기능에 대한 구현이 필요했었습니다. 그래서 예전에 봐두었던, setTimeout()과 celarTimeout() 함수를 떠올리게 되었고 사용을 하려고 했는데, 돌아서면 까먹는 나이다 보니 잘 생각이 나지 않더라구요. 그래서 오늘은 실행 타이밍을 제어할 수 있는 이 기능에 대해서 정리해두려고 합니다. setTimeout() 기본 동작 방식 setTimeout()은 타이머(Timer) 기능을 한다고 보면 됩니다. 말 그대로 '타임 아웃!' 되는 순간을 세팅해두는 것이죠. 기본적인 사용문법은 다음과 같습니다. setTimeout(() => { 실행할코드 }, 지연시간); setTimeout((.. 2022. 12. 23. MBTI 이상형 여친 찾기 / MBTI 이상형 남친 찾기 App 소개 첫 개인 프로젝트로 진행해본 Web앱 입니다. MBTI 이상형 여친 찾기 / MBTI 이상형 남친 찾기 여기서 해보실 수 있어요. https://app.kincoding.com/girl/ MBTI 이상형 여친 찾기 AI가 당신의 이상형을 추천해드려요 app.kincoding.com https://app.kincoding.com/boy/ MBTI 이상형 남친 찾기 AI가 당신의 이상형을 추천해드려요 app.kincoding.com 화면구성 화면구성은 다음과 같습니다. 메인 페이지 입니다. 그냥 [시작하기] 버튼을 당장 클릭하면 끝! 남성 사용자라면 로, 여성 사용자라면 로 진행해보세요. 그러면 이렇게 성격분석을 위한 몇 가지 질문을 하게 되구요, 느낌이 빡! 오는대로 선택해주시면 됩니다. 진행하시다 하단에.. 2022. 12. 21. 화살표 함수 기초 개념 정리 - Arrow Function Javascript 소스들을 살펴보다 보면, 언젠가부터 " => " 이런 기호가 곧잘 눈에 들어오곤 합니다. Arrow Function, 즉 화살표 함수라고 불리는 표기법인데요, 기존의 전통적인 Function과는 다양한 차이점이 존재하지만 일단은 눈에 익숙해질 수 있도록 간단하게 기초적인 내용을 정리해보기로 합니다. 화살표 함수 기초 화살표 함수는 ES6 표준으로 제정된 문법이라고 합니다. 대충 자바스크립트 표준에 대한 버전이라고 보면 되는데요, ES2015라고도 부르니, 2015년에 업데이트 되어 제정된 표준을 말합니다. 전통적인 Function 표기 방식 예전부터 함수(Function)는 다음과 같은 표기 방식으로 정의되고 사용되어져 왔습니다. 꽤나 오래도록 자리매김 하고 있던 표기방식이라 뭔가 익.. 2022. 12. 17. 이전 1 ··· 5 6 7 8 9 10 다음 반응형