Developer Alex

개발을 하면서 경험한 내용을 기록하고 공유하는 공간 입니다.

  • React CSS

    react 스타일 적용 방법 css module, Sass / less, styled-component css module: 모듈화된 CSS로 CSS 클래스를 만들면 자동으로 고유한 클래스네임을 생성하여, 스코프를 지역적으로 제한하는 방식 Sass: 자주 사용하는 CSS 전처리기 중 하나이며, 확장된 CSS 문법을 사용하여 CSS 코드를 더욱 쉽게 작성하도록 도와준다. css module방식으로 사용가능하다. styled-component: 요즘 인기있는 컴포넌트 스타일링 방식으로,...

    December 3, 2018
    in React , Css , Javascript

  • Javascript this

    this 설명 자바스크립트에서 함수의 this 키워드는 다른 언어와 다르게 동작한다. 모든 함수는 이미 작성된 argument 외에 this 와 aruments라는 추가적인 매개변수 2개를 더 받게 된다. this 키워드는 두가지 조건에 의해 값이 결정 된다. 어떤 영역에서 호출 되는가? 호출자는 누구인가? this의 값은 함수를 호출하는 방법에 의해 결정 된다. 실행 하는 동안...

    November 22, 2018
    in Javascript

  • overflow: hidden, display: inline-block시 부모 엘리먼트에 높이가 적용되는 문제

    1. 문제 자식 엘리먼트에 overflow: hidden, display: inline-block시 부모 엘리먼트에 높이가 적용되는 문제가 발생하였다. <body> <div class="parent"> <div class="child">A</div> </div> </body> .parent{ background-color:red; } .child{ background-color:green; display:inline-block; overflow:hidden; } https://jsbin.com/sotuqet/edit?html,css 2. 해결 처음에는 부모 엘리먼트에 position: absolute를 적용하고 top: 5px정도 내리는 방법을 사용하였다. 하지만 다른 자식 엘리먼트에 스타일이 이상하게 적용되는...

    October 19, 2018
    in Css , Problem

  • V8 Engine

    [번역] How the V8 engine works? http://thibaultlaurens.github.io/javascript/2013/04/29/how-the-v8-engine-works/ 구글의 V8엔진이 어떻게 동작하지는 알아보기위해 위 내용을 번역하기로 했다. V8엔진은 어떻게 동작하는가? V8엔진은 독일 구글 개발 센터에서 만들어진 javascript엔진이다. 이것은 오픈소스이며, c++을 통해 개발 되었다. 클라이언트(Google Chrome), 서버(node.js)에서 모두 사용되는 Javascript 어플리케이션이다. V8엔진은 웹브라우저안에서 자바스크립트의 실행성능을 높이기 위해 디자인되었다. 속도를 얻기위해서, V8은 interpreter를...

    October 12, 2018
    in Javascript , Web

  • Javascript Scope

    Scope(유효범위) 설명 프로그래밍 언어에서 scope은 변수와 매개변수의 생존 기간을 제어. scope는 이름이 충돌하는 문제를 줄여주고, 자동으로 메모리를 관리 하기 때문에 프로그래머에게 중요한 개념. 본래 자바스크립트는 block scope(scope 종류 참조) 이 없다. 자바스크립트에서는 function scope이 존재. 자바스트립트에서는 함수에서 사용하는 모든 변수를 함수 첫 부분에서 선언 하는 것이 최선의 방법. 유효범위 개념을...

    October 11, 2018
    in Javascript