Open in app

Sign In

Write

Sign In

박성룡 ( Andrew park )
박성룡 ( Andrew park )

279 Followers

Home

About

Mar 21, 2021

iframe 간단 정리하기

iframe 을 사용해볼 일이 생겨, 이참에 잘 모르고 있던 iframe 을 정리해보고자 한다. https://en.wikipedia.org/wiki/HTML_element#Frames 프레임 (월드 와이드 웹) 웹 브라우저 컨텍스트에서 프레임(frame)은 웹 페이지나 브라우저 창의 일부이며, 컨테이너와 독립적인 내용을 표시하며 내용을 독립적으로 독립할 수 있다. 프레임에 들어가는 HTML 또는 미디어 요소는 디스플레이…ko.wikipedia.org iframe 은 Frame 의 일종이다. Frame 은 브라우저 창을 여러 세그먼트로 분할해 서로 다른 여러 페이지들을 한 페이지에서 …

8 min read

iframe 간단 정리하기
iframe 간단 정리하기

8 min read


Feb 7, 2021

Electron 에 React 적용해 보기

최근 Electron 에 흥미가 생겨 환경 세팅를 했던, 과정을 정리해보고자 한다. 어떠한 도구를 사용해도 상관없지만, 가장 쉽고, 개발하기 편한 React 를 Electorn 에서 사용해보고자 한다. React 에 대한 고찰 현대의 웹은 복잡하고, 화려하다. 이는 단순 문서에서 Application 형태로 진화해가고 있기 때문이다. 순수 …

11 min read

11 min read


Jan 24, 2021

Electron 간단 정리하기

최근 Electron 에 흥미가 생겨 이를 정리해보고자 한다. Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. The Electron API Demos app interactively demonstrates the most important features of the Electron API. See what's…www.electronjs.org Electron 은 JavaScript, HTML, CSS 로 데스크톱 애플리케이션을 만들 수있는 프레임 워크이다. 일렉트론 (소프트웨어 프레임워크) 일렉트론(Electron, 과거 명칭: 아톰 셸/Atom Shell)은 청자오(Cheng Zhao)가 개발한 오픈 소스 프레임워크의 하나로, 지금은 깃허브에 의해 개발되고 있다. 원래 웹 애플리케이션을 위해 개발된…ko.wikipedia.org

Electron

12 min read

Electron

12 min read


Dec 27, 2020

2020년 하반기 회고

2020년도 이제 몇일 남지 않았다. 2020년 하반기에는 어떤 이슈가 있었고, 어떤 것들을 잘 해왔고, 어떤 것들이 부족 했는지 정리해 보려고 한다. 이번 년도를 종합적으로 평가해 보자면, 운이 좋게도 2020 년도에 목표로 한 일을 대부분 이룰 수 있었다. 하지만, 세세하게 살펴보면 부족한 점이 너무 많았고, …

7 min read

7 min read


Nov 29, 2020

sinopia 와 verdaccio 로 npm 저장소 구축하기

sinopia 와 verdaccio 를 이용해 npm 저장소를 구축 해볼일이 생겨, 이를 정리해보고자 한다. rlidwka/sinopia sinopia - a private/caching npm repository server It allows you to have a local npm registry with zero configuration…github.com verdaccio/verdaccio 📦🔐A lightweight private npm proxy registry. Contribute to verdaccio/verdaccio development by creating an account on…github.com npm 이란? NPM 이란, Node Package Manager 로써 Node.js 의 Package 를 관리할 수 있는 도구이다.

Verdaccio

9 min read

Verdaccio

9 min read


Nov 14, 2020

Javascript Proxy 와 Reflect 간단 정리하기

최근 Proxy 와 Reflect 을 알게되어 간단히 정리해보고자 한다. Proxy pattern In computer programming, the proxy pattern is a software design pattern. A proxy, in its most general form, is a class…en.wikipedia.org Javascript 에서 Proxy 는 객체를 Wrapping 하고 객체의 동작을 가로채 수정하거나, 추가 행동을 할 수 있게 해준다. 간단 예제 function Obj(value) { this.value = value } Obj.prototype.proto …

Proxy

8 min read

Proxy

8 min read


Aug 2, 2020

브라우저 뷰포트 (layout 와 visual viewport) 간단 정리하기

최근 Browser Viewport 에 대한 궁금증이 생겨 이를 간단히 정리해보고자 한다. 브라우저 에서 Viewport 는 화면 크기를 이야기하며, 메뉴바, 탭영역 등을 제외한 순수 화면 영역이다. Viewport 의 영역은 디바이스 크기와, 각각의 브라우저 마다 계산되는 영역이 달라 같은 웹페이지라도 환경에 따라, …

7 min read

7 min read


Jul 5, 2020

2020년 상반기 회고

2020년 상반기에는 어떤 이슈가 있었고, 어떤 것들을 배웠는지를 정리해 보려고 한다. 이번 상반기에는 주로 서비스 관점에서 많은 고민을 해온 것 같다. 웹 개발자로서, 서비스와 사용자를 이해하기 위해 노력했고, 특히 Project Owner로서, 프로젝트의 일정을 관리하고, 팀의 문화와 분위기를 만들기 위해, 고 …

6 min read

6 min read


Jun 13, 2020

Immutable js 간단정리

최근 Immutable js 을 사용할 일이 생겨 이를, 간단하게 정리해 보고자 한다. 객체 지향 프로그래밍에 있어서 불변객체 (Immutable Object) 는 생성 후 그 상태를 바꿀 수 없는 객체를 말한다. 불변객체 객체 지향 프로그래밍에 있어서 불변객체(immutable object)는 생성 후 그 상태를 바꿀 수 없는 객체를 말한다. 반대 개념으로는 가변(mutable) 객체로 생성 후에도 상태를 변경할 수 있다. 객체…ko.wikipedia.org Immutable js 는 Javascript 의 값을 불변객체 로 만들 수 있게 도와준다. Immutable js 간단 예제 // …

JavaScript

14 min read

JavaScript

14 min read


Jun 4, 2020

React 의 성능을 조금 이라도 올려보자 (Performance Optimize)

React 는 UI (User Interface) 라이브러리 로써 매우 가볍고 빠르다. 또한 React 는 개발자에게 매우 자유롭다. 자유롭다는 뜻은 만드는 사람이 얼마나 이해하고, 어떻게 사용 하느냐에 따라, 제품의 성능이 극명하게 갈린다는 뜻이기도 하다. 아직은 React 을 정확히 이해하지 못하는 것 같아 최 …

React

15 min read

React

15 min read

박성룡 ( Andrew park )

박성룡 ( Andrew park )

279 Followers

Javascript is great We may not be great

Following
  • Jeongkuk Seo

    Jeongkuk Seo

  • Bora Lee

    Bora Lee

  • Jung Han

    Jung Han

  • Lazysoul

    Lazysoul

  • 고석진

    고석진

See all (87)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams