분류 전체보기
React로 무작정 개발하기 - 1
React로 무작정 개발하기 - 1 컴포넌트 생성 개발을 하기에 앞서서, React도 Vue와 마찬가지로 UI를 컴포넌트 단위로 나눠서 개발을 한다. 그러므로 컴포넌트를 만드는 것부터 알아보자(매우 쉬움) 먼저, src 폴더에 Components라는 폴더를 만들고, HelloWorld.js 라는 파일을 만들자. import React, { Component } from 'react'; class HelloWorld extends Component { render() { return ( Hello World! ); } } export default HelloWorld;매우 심플하다. render() 함수의 몸체가 구현체가 된다. 여기서 주의해야할 점은, return()안에는 반드시 하나의 t..
React로 무작정 개발하기 - 0 (준비)
React 시작하기 React를 어떻게 쓰기에 앞서 react가 무엇인지. vue에 비해 뭐가 좋고 뭐가 나쁜지 알아보도록 하자(작성자는 react보다는 vue를 선호한다. template 방식이 너무 쉽고 편하다고 생각) React란 무엇인가? React repo를 들어가보면 React is a JavaScript library for building user interfaces. 이와 같이 시작한다. 유저 인터페이스(UI)를 위한 JS 라이브러리 임을 알 수 있다. 개인적으로는 js에서 html을 매핑해서 html처럼 렌더링 될 수 있게끔 하는 것으로 보인다. Vue.js와 마찬가지로, react 역시 webpack과 같이 사용할 경우 프레임워크 처럼 구조를 잡고 개발을 할 수있는걸로 보인다. (갓 ..
05. Vue.js Dynamic CSS 적용하기
Vue js dynamic class 적용 사용자의 입력에따라 css class를 다르게(동적으로) 적용하는 방법을 공유해봅니다. :class를 이용하기 class 동적으로 적용하기! Class Toggle :class는 v-bind:class의 줄임표현입니다. 대부분의 속성(태그)앞에 :을 붙이면 해당 Component내에 있는 변수 혹은 함수를 바인딩시킬 수 있습니다. :class="{'option-first': this.flag, 'option-second': !this.flag}" 이부분이 동적으로 클래스를 적용하는 핵심인데 아주 간단합니다. {'작성한 클래스명' : boolean type} 으로 작성해주시면 됩니다. 음 추가적으로 작성한 클래스명이 - ..
Vue.js & javascript 면접 질문 요약
Q. Angular를 처음 선택한 이유는 무엇인가? A. 처음 Front-End 프레임워크를 선정하여 공부할 때 확실히 하고 싶었다. Angular가 자료도 방대했고 react나 Vue.js 보다 튜토리얼도 잘 지원하였고, typescript 때문에 진입장벽이 높다고들 하지만 오히러 JAVA나 C++과 비슷한 느낌이들어 크게 어렵지 않았다. 모든 프레임워크에서 겪을 만한 Component를 나누는 기준이나 MVC 기반 설계와 같은 부분이 더 어려웠다. Q. 그렇다면 마이그레이션할 프레임워크를 Vue.js로 선택한 이유는 무엇인가? A. 가장 큰 문제는 첫 페이지 렌더링 속도였다. Angular가 다른 프레임워크에 비해 무겁고 렌더링이 느리다. 빌드옵션을 JIT에서 AOT로 변경하고, 의존성 모듈을 최소화..
Computer Network & Web 면접 질문 요약
Computer Network & WEB 질문 Q. 브라우저 주소창에 http://www.test.com 입력 후 엔터를 눌렀을 때 부터 페이지가 렌더링되는 과정을 상세히 설명하세요. A. 아래와 같다 local DNS 서버에게 www.test.com에 해당하는 ip주소가 있는지 물어본다. 있다면 바로 해당 ip로 받아온다. local DNS 서버에 없다면 루트 DNS 서버에 물어본다. 있다면 바로 해당 ip로 받아온다. 루트 DNS 서버에 없다면 .com 을 관리하는 DNS 서버에 물어본다. 있다면 바로 해당 ip를 받아온다. .com 을 관리하는 DNS 서버에 없다면, test.com을 관리하는 DNS 서버에 물어본다. 있다면 바로 해당 ip를 받아온다. 목적지의 ip를 알게되었으니 TCP 통신을 통..
Database 면접 질문 요약
Database 면접 질문 Q. 무결성에 대해 얘기해보세요. A. 무결성이란 데이터의 정확성, 일관성, 유효성을 유지하는 것을 말한다. 데이터의 무결성을 유지하기 위해 DBMS에서는 크게 4가지 종류로 구분한다. 개체 무결성 : 기본키로 선택된 필드는 빈 값을 허용하지 않는다. 참조 무결성 : 서로 참조 관계에잇는 두 테이블의 데이터는 항상 일관된 값을 유지한다. 도메인 무결성 : 테이블에 존재하는 필드의 무결성을 보장하기 위한 것으로 올바른 데이터가 입력됬는지를 체크하는 것이다. 고유 무결성 : 특정 속성에 대해 고유한 값을 가지도록 조건이 주어진 경우 그 속성값은 모두 고유한 값을 가진다. 같으면 안된는 것 NULL 무결성 : 특정 속성값에 NULL이 올 수 없다는 조건이 주어진 경우 그 속성값은 N..