SOCO

1. 생활코딩 web2 강의 버튼을 클릭하시오 2. 제로초 자바스크립트 2021강의 버튼을 클릭하시오 버튼 고차함수로 설정하지 않으면 웹페이지를 열자마자 글자가 빨간색이 되는데... return값이 뭐길래 그런걸까? 방식1은 함수호출로 바로 해도 괜찮은데, 방식2는 그렇지 않은 이유가 무엇일까?

1. console.log console.log( ) => console창에 괄호 안의 내용을 '그려라'는 뜻이다. 반환값은 undefined이다. console.log('안녕'+3) console.log('안녕',3) console.log에는 +와 ,를 사용할 수 있다. 내가 발견한 차이점은 우선 +를 하는 경우에는 안녕3으로 나타나지만, ,를 하는 경우에는 안녕 3으로 나타난다. 또한 +의 경우 3이 검은색으로 나타나지만 ,를 하는 경우 3이 파란색으로 나타난다. console.log('3') console.log(3) 문자열 3의 경우 검은색으로 나타나고, 숫자 3의 경우 파란색으로 나타나는 걸 확인했는데, 아마도 +를 사용하는 경우에는 문자열로 타입이 변환되지만, ,를 사용하는 경우에는 타입이 그..

1. console.log console.log( ) => console창에 괄호 안의 내용을 '그려라'는 뜻이다. 반환값은 undefined이다. console.log('안녕'+3) console.log('안녕',3) console.log에는 +와 ,를 사용할 수 있다. 내가 발견한 차이점은 우선 +를 하는 경우에는 안녕3으로 나타나지만, ,를 하는 경우에는 안녕 3으로 나타난다. 또한 +의 경우 3이 검은색으로 나타나지만 ,를 하는 경우 3이 파란색으로 나타난다. console.log('3') console.log(3) 문자열 3의 경우 검은색으로 나타나고, 숫자 3의 경우 파란색으로 나타나는 걸 확인했는데, 아마도 +를 사용하는 경우에는 문자열로 타입이 변환되지만, ,를 사용하는 경우에는 타입이 그..

끝말잇기 코딩을 위해 필요한 개념 1. prompt, confirm, alert 처음 웹 페이지 입장 시 창이 뜨는 경우는 3가지로 나눠볼 수 있다. 1) prompt : 입력값을 받는 경우 prompt("몇 명이 참가하나요?") 2) confirm : 예, 아니오로 대답하는 경우 confrim("x명이 참가하나요?") 3) alert : 확인으로만 대답하는 경우 alert("끝말잇기 게임입니다") 2. Number, ParseInt, ParseFloat data type이 숫자가 아닌 것을 숫자로 바꾸는 역할을 한다 ParseInt는 정수로만 바꾼다. ParseInt는 해당 문자열에 있는 정수를 뽑아낼 수 있다. console.log(ParseInt('3월')) 3 console.log(Number('..

1. 테두리를 만들고 싶을 때 쓰는 속성인 border!! width, style, color를 모두 한 번에 적을 수 있는데 중요한 건 쉼표를 넣으면 안 된다는 것이다... 이걸 발견한다고 얼마나 많은 시간을 썼던지.. 이렇게 하면 적용이 안 된다.... 그리고 style에 대한 정보는 꼭 넣어줘야 실행된다. 두께나 색에 대한 정보는 없어도 작동하는데 solid가 없으니까 작동하지 않았다... (이건 심심해서 이렇게 저렇게 해보다가 발견...!) 2. 위, 아래, 왼쪽, 오른쪽 테두리를 설정할 때 border-top이렇게 작성해야 한다 border - top이렇게 작성하면 안 된다...! 띄워쓰기 하지 말 것! 3. heading에 테두리를 설정하고, 그 옆에 버튼을 두고 싶은데 어떻게 해야할지 고민을..

생활코딩 강의 web2 javascript 복습 포스팅입니다. 제가 이해한 대로 정리하는 것이니 틀린 부분이 있을 수 있습니다! 댓글로 알려주시면 수정하도록 하겠습니다 :) 항상 열심히 배우겠습니다 JavaScript -> 사용자와의 상호작용이 가능함 -> 동적임 HTML CSS JavaScript 컴퓨터 언어 O O O 컴퓨터 프로그래밍 언어 X X O 확장자 .html .css .js CSS가 아래와 같은 코드로 반복, 중복을 피할 수 있듯이 JavaScript도 아래의 코드를 활용하여 중복을 피할 수 있다 코드를 짤 때는 중복을 피하는 것이 중요하다고 한다!!!! 본격적으로 JS에 대한 내용을 개괄해보자! 1. JS를 이용하는 방법 (1) 각 방법에 대한 소개는 밑에서 자세하게! 2. (1)웹 페이..

비전공자이며, 아직 시작한지 5일차입니다! 정식명칭이 아닌 것이 있을 수도 있어요! 제가 이해한대로 풀어쓰는 것이니 틀릴 수도 있고요! 틀린 부분이 있으면 알려주세요! 많이 배우겠습니다! 이번 포스팅은 CSS 개괄입니다. 다음 포스팅부터 구체적인 설명이 들어갑니다! 이 포스팅은 생활코딩님 CSS강의 내용을 기반으로 합니다! html을 아름답게 꾸며주려면? way1. 디자인에 대한 tag way2. CSS => 아무래도 CSS를 많이 하는 것 같다! 왜냐면, 중복을 피할 수 있게 해주니깐!! 그리고 디자인 tag는 많이 사라지는 추세인 것 같습니다. CSS사용을 위해 알아야하는 용어, tag html을 사용할 때 tag(element)라는 용어를 알아야하듯,css를 사용하려면 알아야하는 용어가 있다 1. ..

이제 시작한지 4일차라 용어를 잘 모르지만, 그래도 지금까지 배운 내용을 정리해보려고 한다. 스케치북으로 정리하고 있지만, 이렇게 남겨두어야 찾아보기도 편할 것 같고 혹시나 나와 같은 의문을 가진 분이 계시면 '도움이 되지 않을까'하는 마음으로...! 파이팅! 1. html 기본 틀 html을 쓰려면 반드시 써야하는 기본틀(?)이 있다. ~~~ 우선 이렇게 배우고 시작하는 것 같다. 2. 여러 tag tag를 쓸 때는 범위를 설정하는 게 중요하다. 즉, 열고 닫는 것이 중요하다. 아직 내가 배운 것 중에 닫는 게 없는 tag는 , 정도인 것 같다! 이거 말고는 다 잘 닫아야한다! 1) 글씨를 굵게 ~~~ 2)밑줄 ~~~ 3)줄바꿈 ~~~~~~ ~~~~~~ 4)문단설정 ~~~~~~~~~~~~~ ~~~~~~..