Phot_o_matic Programming

Schema Definition Language ex) 스키마 내에서 간단한 타입의 정의 // 1. Person type Person { name: String! age: Int! } // 2. Post type Post { title: String! } 관계를 추가하는 경우 => Person은 다수의 post를 가지고, Post는 각각 Person 하나의 author를 가진다. // 1. Person type Person { name: String! age: Int! posts: [Post!]! } // 2. Post type Post { title: String! author: Person! } Query로 데이터 fetching하기 (GET) GraphQL의 장점으로, 필요한 부분만 특정지어 불러올..

Programming/GraphQL 2019. 9. 27. 18:51

GraphQL이란? 페이스북에 의해서 만들어진 오픈소스 & 새로운 API 기준 선언형 데이터 fetching이 가능 GraphQL 서버는 단일 엔드포인드로 노출되어 쿼리에 응답 REST의 효율적인 대안? 증가하는 모바일 사용은 효율적인 데이터 로딩 필요 클라이언트 측의 다양한 프론트엔드 프레임워크와 플랫폼 대두 신속한 기능 개발 React 개발자만을 위한 것이 아니다! 어떤 프로그래밍 언어나 프레임워크와도 사용 가능 GraphQL VS REST REST REST의 강점 : stateless 서버, 자원으로의 구조화된 접근 엄격한 특징 : 하지만 개념이 거칠게 번역됨 클라이언트 측의 급변하는 요구가 REST의 정적인 환경과는 잘 안 맞다 GraphQL 클라이언트-서버 간 소통의 유연성과 효율성에 대한 요구..

Programming/GraphQL 2019. 9. 27. 17:29

V8 엔진 자바스크립트 엔진 중 가장 유명한 것은 구글의 v8 엔진일 것이다. v8 엔진은 크롬과 nodeJS에서 사용된다. v8 엔진을 간략히 나타내면 아래와 같다. Memory Heap : 메모리의 할당이 이뤄지는 곳 Call Stack : 코드가 실행되면서 stack이 쌓이는 곳 런타임 브라우저에는 개발자들이 사용하는 API가 있다. setTimeout 같은 것이 그 예이다. 하지만 이 API들이 엔진에 의해 제공되는 것은 아니다. 브라우저가 자체적으로 제공하는 웹 API의 개념으로 포함된다. DOM, AJAX도 마찬가지이다. 콜스택 자바스크립트는 single-threaded 프로그래밍 언어다. 이것은 콜스택이 하나라는 것과 같은 의미이다. 한 번에 하나의 일만 할 수 있게 되는 것이다. 콜스택은 ..

Programming 2019. 8. 31. 14:46

styled-components 모듈 설치 npm install styled-componentsstyled-components란? 컴포넌트 마다 css, Sass 파일들을 각자 만들어서 관리하는 것이 아니라, 컴포넌트 파일 내에서 style을 지정하고 적용 가능하게 하는 라이브러리이다. 리액트의 CSS-in_JS 관련 라이브러리 중에서 가장 인기있는 라이브러리이기도 하다. 예시 코드를 보면서 이해해본다. 먼저 style 관련 코드를 작성해보았다. // style 관련 코드 import React from 'react'; import styled, {css} from 'styled-components'; const Box = styled.div` /* props로 넣어준 값을 ..

Programming/React 2019. 8. 30. 18:41

Vue-cli에서의 SCSS 모듈의 설치와 적용 VueJS에서는 vue-loader 덕분에 Single File Component 구성의 .vue 내에서 style 태그에 lang="scss" 요소만 추가하면 scss를 적용할 수 있다. # scss 관련 모듈 설치 npm install --save-dev node-sass sass-loader 전역 범위에서의 사용 SCSS는 일반적으로 사용 시에 variables 또는 mixin, 함수를 별도의 scss 파일로 분리하여 사용하므로 모든 파일에서 @import를 반복적으로 실행하는 불편함이 있다. vue-cli의 "@"는 "/src"와 같다 반복 작업을 피하기 위해 위의 파일들을 전역에서 사용 가능하게 바꿔줘야 한다. vue-cli의 2.x 버전에서는 w..

Programming/Vue 2019. 8. 30. 17:12

Mock Interview Keyword 말은 조금 더 빠르게 해도 괜찮을 것 같다. HTTP의 개념 - stateless, connectionless node.js - javascript를 구동할 수 있는 런타임. 실제로 프로젝트에서는 서버를 구축하는데 사용하였지만, 다른 용도로도 많이 활용하곤 한다. 시스템 아키텍쳐를 어떻게 짤 것인가? - 스키마 먼저 구성하는게 전체적으로 흐름이 좋을 것 같다. 모르는 질문 - 어떤 것인지 모르는 건 모른다고 하되, 어느 정도 알고있는 것이라면 아는 한에서 이런 것인 것 같다, 무관심한 태도는 보이면 안 된다

Programming 2019. 8. 24. 17:38

CSS preprocessor : sass / scss CSS box model AJAX event bubbling script tag의 위치 CSS em, px, rem

Programming 2019. 8. 23. 16:26

Try1 { LG화학 취업 } [충격] 남들 다 부러워한다는 대기업, "나는 아니다" 발언 한창 화학에 심취해있던 수험생 시절, 요즘 같은 시대에 취업도 힘든데 무슨 자연과학이냐며 많은 사람들이 만류하였지만 스무 살 시절의 나는 아무도 막을 수 없었다. 세상의 이치를 알고 세상에 기여하고 싶다는 생각으로 선택한 전공, 화학. 무난한 성적으로 졸업한 직후, 운 좋게 LG화학이라는 대기업에 입사하여 약 1년 반 동안 일을 할 수 있었다. 맡은 직무는 제약 공장의 사무관리직이었다. 생산 제품의 납기일 준수를 위한 물적, 인적 자원의 일정을 조율하고 관리하였다. 더불어 연간 및 월간 생산계획을 수립하고 계획 대비 실적에 대한 수치화를 통한 회계 작업을 하였다. 시간이 지날수록 "내가 이제껏 배운 화학은 정말로 ..

Programming 2019. 8. 22. 13:33