태그>frontend(총 39개의 글)

'frontend' 관련 최근글

• 2. 간단한 버튼 Component

  popsapple 개발블로그  by 링고파이|2021/04/30 01:38

  기본적으로는 예전에 React 배웠을 때와 비슷하다.entry는 index.js 이며 이전에 reactDOM.render(컴포넌트, 엔트리용 element); 썼던 것처럼 AppRegistry가 들어간다. 1 2 3 4 5 6 7 8 9/** * @format */ import {AppRegistry} from 'react-native'; import App from '...

  react, native, web, frontend, react-native

• CommonJS, AMD, UMD, es6

  링고파이  by 링고파이|2020/06/11 18:04

  여러 기능을 한 파일에 몰아서 쓰면 어떻게 될까? 한 파일당 코드 줄 수는 수 만 줄이 될 것이고 그에 따라 변수 명 등을 관리할 수 없을 것이다. 또한 다른 사람의 스크립트를 가져 왔을 때 변수 명 등이 관리가 안되어서 충돌이 날 것이다. 이를 방지하기 위해 각 코드를 파일별로 모듈화..

  AMD, CommonJS, javascript, 모듈, module

• 

  CSS 면접 질문 정리.

  링고파이  by 링고파이|2020/06/11 16:32

  1. CSS 캐스캐이딩 우선순위 (특정성) 인라인 >> ID >> class(개수중첩가능) >> Tag or 의사선택자 상위는 하위 갯수를 무시할 수 있다. ex) #sample >> .class1.class2.class..

  css, frontend, web, markup, html

• 컨텍스트란

  링고파이  by 링고파이|2020/06/11 15:20

  먼저 필자가 작성한 스코프에 대해 아래 글을 읽어보자.http://saysun12.egloos.com/1948271 컨텍스트 에 대해 여러 글을 검색해 보았다. 엔진에서 코드를 실행하기 위해서는 필요한 정보다 있다.( 스택에 쌓기 위한거 )여기서 스택이 하는 역할은 컨텍스트들을 쌓아서 순서대로..

  실행컨텍스트, 컨텍스트, context, javascript, es6

• 

  이벤트 루프

  링고파이  by 링고파이|2020/06/11 13:51

  처음 자바스크립트를 공부할 때, 자바스크립는 싱글스레드 이며 시간관리를 통해 비동기를 구현하도록 꼼수를 통해 실행한다. 라고 배웠다. 그 구체적인 방법 및 효과에 대해서는 자세히 이해자지 못했는데, ..

  eventloop, javascript, frontend, 이벤트루프, web

• 구조분해 한눈에 정리

  링고파이  by 링고파이|2020/06/10 16:35

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20// 배열 구조분해 let one, two; [one, two] = [1,2]; // alert(two); - 2 [one,,,two] = [1,2,3,4]; // alert(two); - 4 [one,.two] = [1,2,3,4]; // alert(JSON.stringify(two)) - [2,3,4] // 객체 구조분해 le..

  구조분해, es6, frontend, javascript, destructuring

• 

  WEBGL - 행렬과 행렬의 연산

  링고파이  by 링고파이|2020/05/18 17:58

  기존 글에서 행렬에 대한 언급을 했다. 행열이란 숫자가 행과, 열로 나뉘어서 배치 되어 있는 형태의 상수를 의미한다. 보통 아래과 같은 그림과 같이 표기한다. 위의 이미지와 같이 행열을 구성하는 작은 데이터..

  행렬, javascript, webgl, math, 개발

• 

  WEBGL - 변환

  링고파이  by 링고파이|2020/05/18 12:50

  여기서는 위치에 따른 객체의 변환 방법을 사용하며 그걸 연산하기 위해 미리 어떤걸 공부해야 하는지 쓰도록 한다. 이번 예제 에서는 총 4가지의 항목을 변화시키도록 해 보겠다. 1. X 좌표.webgl 에서는 기존 w..

  webgl, 3d, frontend, javascript, opengl

• WEBGL - 기초

  링고파이  by 링고파이|2020/05/12 15:24

  Webgl은 3d api로생각하는 경우가 많다. 사실은 점,선,면(삼각형)을 이용한 레스터(렌더링) 엔진일 뿐. 이 레스터 엔진은 주로 컴퓨터의 GPU에서 실행되며 C / C+기반의 GLSL로작성되어 있고 이걸 웹에서 사용하도록 하는게 webgl이다. 먼저 친숙해져야 할 용어는 하..

  webgl, 웹, frontend, javascript, opengl

• 접근성이란, 웹 접근성 지침

  링고파이  by 링고파이|2020/03/27 13:47

  접근성이랑, 장애인과 비장애인이 동등하게 정보를 습특할수 있도록 하는 것이다. 우리 나라 에서는 이걸 별도의 지침을 만들어 좀 더 기술적으로 명확하게 대처하고 있다. 이는 장차법(장애인 차별금지 및 권리구제 등에 대한 법률) 등에 근거를 두고 있다. 다만 잘 간과하는 것이..

  접근성, frontend, 퍼블리싱, 장차법, 웹접근성

• 

  직선그래프와 1차함수

  링고파이  by 링고파이|2020/03/24 18:07

  일단, 그래프를 나타내기 위해서는 다음과 같은 상황으로 상정해야 한다. svg의 line 태그처럼 생각하는게 좋을 것이다. 시작점을 ⓐ, 끝점을 ⓑ 라고 하자. 중학교때 배웠던 1차 함수를..

  수학, 방정식, 1차함수, svg, javascript

• 함수형 프로그래밍 이란

  링고파이  by 링고파이|2020/02/12 14:58

  1. 프로그램 패러다임일단 함수형 프로그래밍에 대해 설명하기 전에 프로그램 패러다임에 대해 설명하자. 뭐 일반적으로 얘기하는 객체지향, (선언형, 명령형 - 이 두개를 합쳐서 절차형이라도고 한다) 등이 여기에 속할 것이다. 즉 '무엇을'보다는 '어떻게'프로그래밍을 하는가..

  함수형프로그래밍, javascript, functional, web, frontend

• React Hook

  링고파이  by 링고파이|2020/02/12 10:48

  이전에는 주로 class형 개발을 해왔기 때문에 hook을 거의 쓸 필요가 없었다. 그러나 이젠 클래스형이 아닌 함수형 컴포넌트가 주를 차지하게 되고 그 기능을 hook을 통해 호출할 수 있다. ( useState, useRef 등의 바로 이해가 안되는 예제가 있긴 하지만. ) 그래서 v16 ..

  react, hook, redux, pattern, frontend

• es 기능별 브라우저 지원여부 확인 사이트

  링고파이  by 링고파이|2020/01/31 09:33

  es6, broswer, javascript, es7, web

• javascript - 프록시

  링고파이  by 링고파이|2020/01/30 17:39

  프록시란 주로 네트워크 통신에서 쓰이고 A 와 B의 통신 사이의 중간 매개체를 뜻한다. 전화 교환원과 비슷하다고 볼 수 있다. 이 때 이 교환원인 프록시는 단순한 정보 전달이 아닌 필요에 따라서 편집(?)을 할 수 있기도 하다. javascript 에서도 비슷하다, 통신사이의 중개보다..

  javascript, es6, proxy, designpattern, web