profile
프론트엔드 개발 공부블로그

자바스크립트 동작 원리(이벤트루프, 싱글스레드, 비동기, async await) - FE study16

1. 사전개념 웹서버에 접속만해서는 데이터를 가져올 수 없고 코드가 계속 실행이 되어야한다. 이 때, 코드들의 집합을 프로그램이라 부르고 프로그램은 메모리에 올려져 프로세스가 된다.(현재 작업중인 상태) 그리고 프로세스는 포트를 통해 접속이 가능하다. 프로세스 내에서는 스레드라는 흐름단위를 통해 코드를 읽는다. 2. 자바스크립트가 쓰이는 곳 1...

2020년 2월 3일
·
0개의 댓글

조건문이 아닐 때 사용하는 조건연산자 (&&, || ) (javascript) - FE study15

1. 조건연산자 (&&, ||) && : 조건 and를 의미함 (모두 tru여야 true) || : 조건 or을 의미함 (하나라도 true이면 true) 2. 조건문에서의 조건연산자 3. 조건문이 아닐 때 사용하는 조건연산자 맛보기 잉? 이게뭐지... > 자료형에서 false 로 기록되는 ("", null, undefined, NaN, 0) 을...

2020년 1월 28일
·
0개의 댓글

git 명령어 모음 - 작성중

author 변경 git commit --amend --author="Author Name "

2020년 1월 28일
·
0개의 댓글

웹에서의 프론트 서버 / 백엔드 서버 (개념) - 네트워크 study6

1. 서버? 서버(server) : 클라이언트에게 네트워크를 통해 서비스하는 컴퓨터를 의미한다. 말그대로 어떤 요청을 원하는 대상에게 요청에 대한 응답을 넘겨주는 모든 것들을 (serve + er) 서버라고 함. 그렇다면 웹에서는 서버는 어떻게 동작할까? 2. 웹에서의 서버 먼저 웹 환경에서는 브라우저가 클라이언트 역할을 한다. 주소에 어떤 도...

2020년 1월 28일
·
0개의 댓글

불변성 유지 (in 리액트 state, 리덕스 store) - FE study14

1. 상태관리에서 불변성을 유지하는 이유 1-1. 리액트, 리덕스 재랜더링 방식 리액트, 리덕스는 setState, dispatch 되었을 때 재렌더링(re-rendering)이 발생함 불필요한 재렌더링을 피하기 위해 shouldComponentUpdate, useCallback(react-hooks)를 씀. 이 메소드는 state와 props 의 변화를...

2020년 1월 23일
·
0개의 댓글

CSS vs SASS vs styled Component - FE study13

1. CSS >Cascading Style Sheet : 웹의 디자인을 담당(표준) App.js App.css 해당 js 파일에 css파일을 import 해서 사용. > 특징 : 메뉴얼적인 방법으로 직접 Class , ID 네이밍하며 작성한다. 사용법이 간단함. 하지만 요소들이 많아질수록 관리가 힘들어지고 직관성이 떨어짐. 2. SASS > Synt...

2020년 1월 23일
·
0개의 댓글

css 선택자 모음

1. 전체 선택자 2. 태그 선택자 3. Class 선택자 4. ID 선택자 4-1. Class vs ID > 1. Class 선택자는 재사용성이 많은 스타일 (box) 에 , ID는 유일한 정보를 가지는 스타일 (selectedBox) 에 사용. > 2. 우선순위는 ID가 Class 보다 높다. 5. div.box / div#selectedBo...

2020년 1월 23일
·
0개의 댓글

[개인프로젝트] SmartWallpaperFinder

1. 개요 배경화면 크롤링 사이트입니다. alpacoders라는 대형 Wallpaper 사이트를 자주 이용하는 편인데 키워드를 검색했을 때, 30개씩 정보를 보여주고 다음페이지를 클릭해서 넘어가야지만 다음 정보를 가져오는데에 불편함을 느껴 키워드를 검색했을 때 클릭하는 번거로움 없이 한눈에 이미지들을 보면 좋을 것 같다는 생각에 웹사이트를 기획해보았습니다....

2020년 1월 19일
·
0개의 댓글

Ionic (아이오닉) vs React Native (리액트 네이티브) (feat. 하이브리드 앱) - FE study12

1. 사전지식 반응형 웹 (웹) : html, css, js 로 이루어진 웹을 모바일 상의 화면으로 보는 것. 네이티브 앱 (앱): android(코틀린) 혹은 ios(스위프트) 환경의 코드로 제작된 모바일용 어플리케이션 하이브리드 앱 (앱): 웹 코드로 이용해 각 플랫폼(android, ios)으로 패키징한 어플리케이션 (웹 + 앱) 프로그레시브 웹앱 ...

2020년 1월 17일
·
0개의 댓글

자바스크립트 this, call(), apply(), bind() - FE study11

1. this JAVA 의 경우, this 는 클래스의 인스턴트의 레퍼런스 변수를 의미하지만, JAVASCRIPT 의 경우, this 는 현재 실행 문맥에서의 호출자를 의미한다. 자바스크립트 작동원리(실행 컨텍스트) 2. call(), apply() function.call(obj) 형태로 쓰이는 데, 앞의 함수를 실행하는데 obj 를 this 로 사...

2020년 1월 16일
·
0개의 댓글

클라이언트 사이드 렌더링 vs 서버 사이드 렌더링 - FE study10

1. 개념 클라이언트 사이드 렌더링 : DOM 렌더링을 클라이언트에서 실행 (Browser) : 서버에서 json만 받아오고 클라이언트 측에서 화면을 구성하고 기능을 수행. (React, 등) 서버 사이드 렌더링 : DOM 렌더링을 서버에서 실행 (Server) : 서버 측에서 화면을 구성하고 기능을 수행하는 html을 작성해서 클라이언트에 뿌림. (Js...

2020년 1월 15일
·
0개의 댓글