코드 정리44 [자바스크립트 14일 완전정복] 2일차 - 기본 문법과 변수 자바스크립트 공부를 시작한 지 이틀째! 오늘은 자바스크립트의 기본 문법과 변수를 집중적으로 다뤄볼 거예요. 프로그래밍에서 가장 기초적인 개념이지만, 제대로 이해하지 않으면 코드 작성 시 예상치 못한 오류를 겪을 수 있답니다. 특히, var, let, const의 차이점, 데이터 타입, 동적 타이핑과 형 변환 개념을 확실히 정리해두면 앞으로 훨씬 수월하게 코드를 작성할 수 있어요.1. 변수와 상수 - var, let, const의 차이점변수는 데이터를 저장할 때 사용하는 공간이에요. 자바스크립트에서는 var, let, const를 사용해 변수를 선언할 수 있어요. 하지만 이 세 가지는 각각 특징이 달라서 적절히 사용해야 해요.✅ var - 이제는 잘 쓰지 않는 변수 선언 방식var name = "Alice.. 2025. 3. 4. [자바스크립트 14일 완전정복] 1일차 - 자바스크립트! 첫걸음, 환경 설정부터! 📌 자바스크립트, 대체 뭐길래 이렇게 인기일까? 자바스크립트(JavaScript) 하면 일단 웹 개발에서 빼놓을 수 없는 핵심 언어쥬? HTML, CSS랑 삼총사처럼 붙어다니면서 웹 페이지를 더 생동감 있게 만들어주는 역할을 합니다. 근데 요즘은 프론트엔드뿐만 아니라 백엔드, 모바일 앱, 게임 개발까지도 다 활용된다는 거! 😮 그러니까 한 마디로, 자바스크립트 하나만 제대로 익혀도 웹부터 앱까지 전천후 개발자로 성장할 수 있다! 이 말입니다. 💡 오늘은 첫날이니까 자바스크립트가 정확히 뭔지, 어떻게 실행하는지, 개발 환경을 어떻게 세팅하면 되는지 깔끔하게 정리해드릴게요! 🔥 자바스크립트, 이게 왜 중요하냐면요? 자바스크립트는 원래 웹 브라우저에서 인터랙티브한 요소.. 2025. 3. 3. 초보 개발자가 꼭 알아야 할 흔한 실수 4가지 (그리고 해결법!) 자바스크립트는 웹 개발의 핵심 언어로 자리 잡았지만, 초보 개발자들이 빠르게 겪게 되는 실수들이 있습니다. 제가 직접 겪고 공부하면서 깨달은 흔한 실수와 그 해결 방법을 여러분과 나누고자 합니다. 개발 초기에는 문법 하나하나가 생소하고, 코드 한 줄 한 줄에 실수가 숨어 있기 쉽습니다. 저도 처음 자바스크립트를 배울 때 여러 번 시행착오를 겪었고, 그 과정에서 대표적인 몇 가지 실수를 직접 경험했습니다. 오늘은 특히 대입 연산자와 비교 연산자의 혼동, 함수 매개변수의 기본값 설정 누락, 그리고 덧셈과 문자열 연결의 혼동 등, 초보 개발자가 자주 마주치는 실수들을 설명하고 올바른 코딩 방법을 제시해 보겠습니다. 1. 대입 연산자와 비교 연산자의 혼동 초보 개발자가 가장 많이 만드는 실수 중 하나는 대입 .. 2025. 2. 19. Jquery 예제 setTimeout을 이용한 실시간 스크립트 네이버 실시간 검색어 순위와 같은 작은 박스 안에서 요소들이 순서대로 보이도록 만드는 예제 기본구조 1말티즈 2요크셔테리어 3이탈리안 그레이 하운드 4불독 5시추 6포메라니안 7비숑 프리제 8꼬똥 드 툴레아 9푸들 setTimeout(function(){실행문},시간) => 지연시간 뒤에 실행할 함수를 설정 => 지정한 일정 시간이 지난 후에 1회만 실행 const ticker = function(){ setTimeout(function(){ $('#ticker li:first').animate({ marginTop: '-20px' },400, function(){ $(this).detach().appendTo('ul#ticker').removeAttr('style') // 첫번째 li요소를 -margi.. 2023. 4. 16. Jquery 예제 썸네일 이미지 클릭시 메인 이미지 교체 및 글 올라오기 작은 이미지를 클릭하면 큰 이미지가 교체되고 설명 글이 올라오는 예제 기본 구조 2023. 4. 16. Jquery bxslider연결하여 사용하기 bxslider 파일을 script에 연결하여 사용한다. .bxSlider({ mode: 'horizontal' or 'verticla' 가로 슬라이드/세로 슬라이드 speed: 500, 이동속도 pager: false, 페이징 표시 여부 (false시 내가 만든 인디케이터 사용) moveSlides: 1, 슬라이드 이동시 갯수 설정 slideWidth: 180, 슬라이드 마다 너비 설정 (px) minSlides: 1, 최소 노출 개수 maxSlides: 1, 최대 노출 개수 slideMargin: 10, 슬라이드간의 간격 auto: true, 자동으로 흐를지 설정 autoHover: true, 마우스오버시 정지할지 설정 controls: false 이전/다음 버튼 노출 여부(false시 내가 만든 버.. 2023. 4. 16. 이전 1 2 3 4 5 6 7 8 다음
