INTP의 멋대로 개발 세상

이번 포스팅은 조건문이라는 아주아주 중요한 개념을 배워볼 것이다😎 조건문이라는 것은, 하나의 프로그램이 하나의 흐름으로 가는 것이 아니라 조건에 따라서 다른 순서의 기능들이 실행되도록 하는 것❗ 이전 강의에서 만든 예제. 주간모드와 야간모드 버튼을 만들었는데, 하나의 버튼으로 만들어보고 싶다면? (밝은 상태에서 클릭하면 깜깜하게, 깜깜한 상태에서 클릭하면 밝은 상태로) (= 이런 걸 토글이라고 한다) (문법XXX 조건문이 이렇게 생겼다라는 것만 보자!) 토글의 코드는 이렇게 생겼다. if 조건에 'day' 모드이면 if {} 중괄호 안의 코드가 실행되고, else, 즉 night 모드이면 else {} 중괄호 안의 코드가 실행된다는 뜻이다. 영어랑 똑같이 해석되기 때문에 의미 파악은 어렵지 않다😎 비교연..

8~11강 까지는 자바스크립트 사용을 위한 기본적인 CSS 강의라서 따로 정리를 하지 않겠습니다😎 CSS를 아예 접하지 않으신 분은 8강부터 보시면 됩니다 예제에 night, day 버튼 코드를 지우고 이때까지 배운 개념을 토대로 다시 한 번 만들어 보자! (위 사진처럼!) // 버튼 만들기 그럼 이 버튼이 클릭됐을 때 태그의 스타일 속성을 동적으로 변하게 하고 싶다. 그렇다면 자바스크립트 문법에 따라 웹 브라우저에게 태그를 선택하도록 해야겠지? 이런 식으로 공식 문서를 활용하자! (해석) document.querySelector라는 명령문을 이용해서 selector를 넣으라 되어있는데 예시를 보니 ".myClass" 라고 되어 있고 .myClass 라는 것은 이 웹 페이지에 있는 모든 태그 중에 클래스..

이번 포스팅에서는 자바스크립트의 변수와 대입연산자에 대해서 알아볼 것이다🎓 변수는 학교 수학시간에 많이 들어봤을 것이다! "바뀔 수 있는 값" 우선 아무 홈페이지에서 콘솔 창을 열어보자😙 x를 1, y를 1로 선언했다. 그렇다면 x + y 는?? 똑똑한 자바스크립트가(?) 답을 계산해 준다😎 x를 1000으로 바꾸어 선언하고 다시 x + y 를 계산했더니 바뀐 x의 값으로 계산해 준다 더보기 여기서 x는 변수 (Variable) "=" 은 대입 연산자 라고 한다 오른쪽 항에 있는 값을 왼쪽에 있는 변수에 대입한다는 개념 (X라는 대입연산자를 통해서 값이 바뀔 수 있다 = 변수) 방금 논리를 적용하면 1에다가 2를 대입한다는 뜻인데, 당연히 1은 언제나 1이기 때문에 2를 대입하니 에러가 뜬다. (X와 달..

저번 포스트에 이어, HTML과 JavaScript가 만나는 방법을 계속 알아볼 것이다 😎 바로바로 ⭐이벤트⭐ 를 배워볼 것이다! 이벤트는 아주 중요함!!! 🙄 모르면 나중에 피를 보게 된다(내 얘기) DOCTYPE html> Document HTML 의 input 태그를 이용해서 버튼을 하나 만들어 보자! (input 태그의 type을 button으로 하면 버튼이 만들어 진다. value는 버튼 안에 적힐 값을 넣는다) 근데 hi 버튼을 클릭하면 경고창을 뜨게 하고 싶어졌다🤔 경고창은 alert 라는 기능을 사용한다. Window alert() Method W3Schools offers free online tutorials, references and exercises in all the major ..

저번 게시물에도 있지만, 자바스크립트는 기본적으로 HTML "위에서" 동작하는 언어이다. 그렇다면, 어떻게 하면 HTML이라는 언어에 완전히 다른 문법을 가지고 있는 JavaScript를 넣을 것인가? 를 배워보자💌 1. 웹 브라우저한테 HTML 코드로 지금부터 JavaScript가 시작됩니다~ 하고 알려주기 태그를 이용해서! 이 태그는 태그 안쪽에 자바스크립트가 오도록 약속되어 있기 때문에, 웹 브라우저는 태그 안쪽에 있는 코드를 자바스크립트로 해석한다. 2. JavaScript 코드 작성하기 document 이 문서에 write 쓸 거임 "hello world"를! (자바스크립트는 작은 따옴표와 큰 따옴표 구분 없다! 'hello world' 라고 써도 오류가 아니며, 결과도 같다) 이러면 웹에 he..

국비 과정 파이널 프로젝트 시작 전, 자바스크립트를 많이 놓친 거 같아 처음부터 다시 공부하기로 했다. 자바스크립트를 모르니 이전 프로젝트할 때 Ajax 통신을 하는 게 이해도 안되고.. 문법도 하나도 눈에 안 들어오고.. 그런데 웹 사이트 하나를 만드려니 Ajax가 필요한 곳이 너무 많았다.😭 심화적인건 프로젝트 하면서 깨고 부서지는 걸로 하고... 지금은 기초적인 것만 다져보자!!! 기초가 안되면 다 무너지니까!💪👊 나같이 노베이스 비전공자 분들이 이해하기 쉽게 블로그 작성을 할 계획이다😊 (매우 주관적) (왜냐하면 미래의 내가 정말 하나도 기억못하는 멍청이 일테니까..) 💡 웹 브라우저는 한 번 출력되면 자기 자신을 바꿀 수 있는 능력이 없다! 그것을 해주는 것이 JavaScript 이다 각 홈페이..