목차 1. JavaScript의 변수종류(var, let, const) 2. JavaScript에서 스코프란? 3. JavaScript에서 호이스팅이란? 1. JavaScript의 변수 종류(var , let, const) 자바스크립트에서는 우리가 일반적으로 Java에서 알고 있던 변수와는 조금 다른 형태로 변수를 사용한다. 아직 많이 배우지는 않았지만 전체적으로는 Java와 Python을 합쳐놓은 것 같은 느낌이 든다. JavaScript의 변수 선언 방식에는 세 가지가 있다. 그리고 이 변수 선언 방식에 따라 변수에 접근 가능한 범위가 달라진다. 1. var 2. let 3. const 변수 선언 방식과 관계없이 문자열이든 정수형이든 boolean형이든 어떤 타입의 자료형도 저장할 수 있다. 객체도..

목차 1. CSS에서 position 속성이란? 2. position 속성의 속성값들(static, relative, absolute, sticky, fixed) 3. 실습 예제 글 시작에 앞서... 이전에 CSS의 여러 가지 속성들에 대해 포스팅한 적이 있다. 이제까지는 레이아웃을 배치할 때 margin속성을 이용한 편법으로 실습을 진행했고 한계점을 느꼈다. 그래서 자주 쓰이는 display와 position 속성에 대해서는 나 스스로도 다시 공부할 필요성을 느껴 재정리하는 시간을 가지게 됐다. 1. CSS에서 position 속성이란?? position과 display는 우리가 프론트엔드 프로그래밍을 할 때 레이아웃을 배치해줄 수 있는 가장 기본적이고 자주 쓰이는 속성들이다. position은 con..

목차 1. 블럭과 인라인의 차이점 2. 관련 속성 및 태그 3. 실습 코드 시작하기에 앞서.. HTML과 CSS를 처음 접하면서 정말 수도 없이 많은 태그들과 속성들이 스쳐 지나갔지만 정작 내 머릿속에 남는 건 별로 없었다. 백엔드 위주의 언어만 공부했던 탓인지 레이아웃을 배치하고 색상을 지정하는 등의 프로그래밍은 너무 낯설었고 쉽게 적응이 되지 않았다. 따라서 내가 알기 쉽게 이해하기 위해 프론트엔드 언어의 공부 비중을 조금 늘려야겠다고 생각했다. 1. 블럭과 인라인의 차이점 HTML 혹은 CSS를 배우면서 블럭과 인라인이라는 말을 접하게 됐다. 그때 내 머릿속에는 추상적 개념만 둥둥 떠다녀 이해가 잘되지 않았다. 그리고 그 두개의 차이가 정확히 무엇인가에 대한 의문이 생겼었다. 간단하게 설명하자면 ..

목차 1. CSS가 뭔데? 2. CSS 언어 작성법(문법) 3. CSS의 선택자 및 속성으로 쓰이는 div와 span / id와 class 비교 1. CSS가 뭔데? CSS(Cascading style sheets)는 HTML이 뼈라면 그 뼈에 살을 덧붙여주는 시트라고 생각하면 쉽다. 즉 HTML에서도 기본적으로 다양한 태그를 제공하고 있지만 CSS는 약어 그대로(style sheet) 다양한 스타일을 활용해 마크업 언어인 HTML파일을 더욱 잘 꾸며줄 수 있는 역할을 한다. 처음 HTML, CSS를 접하게 되면 두개가 완전 별개의 언어라고 생각할 수 있는데 html파일 안에서도 style태그를 이용해 스타일을 꾸밀 수 있다. 그러면 정확히 css가 무엇인가 하는 의문이 들 것이다. 왜냐하면 말로만 들었..

-목차 1. HTML이란? 2. HTML의 기본 문법 3. HTML의 다양한 태그 및 속성이란 무엇인지? 1.HTML이란? HTML(Hyper Text Markup Language)은 우리가 웹 사이트를 접속했을 때 보여지는 화면을 작성하는 가장 기본적인 언어이다. 쉽게 설명하자면 글자에 여러가지 꾸밈요소를 더해 글꼴을 바꾸고 크기를 키우고 문단을 나누고. .등등의 기능을 한다고 생각하면 된다. 백문이불여일견이니 아래로 넘어가자. 2. HTML의 기본 문법 복잡하게 돼있는 것 같지만 우리가 주목해야할 부분은 실질적으로 과 , 이다. 우선 꺽쇠의 형태로 돼있는 것을태그(Tag)라고 부른다. 태그에는 다양한 종류가 있으며 위와 같이 글자를 키우고 강조해주는 등 문자와 글을 꾸며주는 역할은 물론 다양한 버튼 ..

일반적으로 우리는 서로 같은 인스턴스인지 비교하기 위해 Object클래스에 정의돼있는 equals() 메서드를 사용하곤 한다. 그러나 프로그래밍을 하다 보면 equals메서드를 재정의해서 사용하는 것을 심심찮게 볼 수 있다. 그렇다면 우리가 equals메서드를 오버라이딩 해서 사용하는 이유는 무엇일까? 말 그대로 Object클래스에서는 equals 메서드를 실행시킨 참조변수와 매개변수로 주어진 변수와의 주소값만을 비교한다. 실제 Object클래스에 정의돼있는 equals메서드이다. 코드를 보면 알 수 있듯이 단순히 메서드를 실행시킨 참조변수 this와 매개변수로 주어진 obj와의 단순 주소값만을 비교한다. 그러나 일반적으로 우리가 문자열의 값을 비교할때도 equals를 사용하는데 이는 String 클래스..