오뚝이개발자

본 글은 유튜버 생활코딩님의 WEB2 JavaScript 강의를 듣고 정리한 것이다. 위의 예시에서 x,y 같이 값이 바뀔 수 있는 것이 변수이다. 그에 반해 1=2를 입력하고 실행시켰을 때 에러가 발생하는데 이는 1이 변수가 아닌 상수이기 때문이다. 그렇다면 이러한 변수를 사용하는 것은 효용은 무엇일까? 아주 긴 텍스트가 있다고 치자. 이 때, 특정 단어만을 다른 단어로 바꾸고자 하는데 변수를 사용하면 아주 간단하게 바꿀 수 있다. 예시는 아래와 같다.(참고로 실행을 유보할 때는 Ctrl+Shift를 누르면 된다.) name이란 변수를 지정해두면 복잡한 텍스트에서 해당 변수의 값만을 바꾸는 것으로 name이란 변수가 들어가는 모든 부분에서 변화를 줄 수 있다. 참고로 변수의 경우 이를 명시하기 위해 v..

본 글은 유튜버 생활코딩님의 WEB2 JavaScript 강의를 듣고 정리한 것이다. JS에는 다양한 데이터타입이 있다. 여기서는 가장 많이 쓰이는 문자열과 숫자에 대해 알아보고 그들을 이용한 간단한 연산이나 함수를 살펴보자. 간단히 콘솔창에서 시험해보도록 하자. 위와 같이 네가지 산술연산이 가능하고, 나눗셈 연산은 소숫점까지 표현된다. 이제 문자열을 살펴보자. 큰따옴표 혹은 작은따옴표로 묶여있는 것은 문자열로 인식한다. length는 문자열의 길이를 알려주고, 문자열의 + 연산은 concatenating 연산이 된다. length 외에도 다양한 기능을 제공하는 함수들이 많다. 매우 많기 때문에 여기서는 몇가지의 예시들만 보여주고, 자세한 것은 모질라에서 제공하는 문서를 필요에 따라 참고하면 된다. ht..

HELLO WORLD 출력 VScode로 test.html이란 파일을 만들고 hello world를 입력한 후 저장한다. 크롬을 열어 ctrl+o를 누르고 test.html 파일을 선택하면 아래 그림과 같이 해당 html파일이 크롬으로 열리는 것을 볼 수있다. , 태크 - html에서 태그란 그 안의 내용을 설명해주는 것을 말한다. - strong 태그는 태그 안의 내용을 Bold체로 바꿔준다. - EX) hello world - u 태그는 태그 안의 내용에 밑줄을 쳐준다.(underline) - EX) hello world Heading 태그 heading 태그란 제목을 표현하는 태그를 말한다. , , ... , 까지 6가지가 있다. 숫자가 작을수록 크기가 큰 제목이다. heading 1 heading..