vue.js JavaScript 프레임 워크로 대화형이자 반응형인 웹 프론트엔드를 구축합니다.웹 프론트엔드란,브라우저에서 실행되는 웹 어플리케이션을 말하며, 사용자가 더 쉽게 사용할 수 잇는 어플리케이션을 의미합니다.우선 JavaScript는 브라우저에서 사용하는 프로

서버에서 클라이언트에 영속성있는 데이터를 저장하는 방법영속성 : 데이터를 생성한 프로그램의 실행이 종료되더라도 사라지지 않는 데이터의 특성을 의미.서버가 원한다면 서버는 클라이언트의 쿠키를 이용하여 데이터를 가져올 수 있다.쿠키를 이용하는 것은 단순히 서버에서 클라이언

개발자가 아무리 열심히 웹페이지를 만들어도, 검색했을 때 검색 결과 상위에 없거나 뒤 페이지로 밀려난다면 아무도 찾지 않는 웹 페이지가 되어버린다.이런 사태를 방지하기 위해서는 검색 엔진의 작동 방식에 맞게 웹 페이지를 최적화해주는 작업, SEOSearch Engine

웹이란 무엇인가?인터넷은 웹 기반으로 작동한다 O or X ?정답은 X, 인터넷이 웹보다 좀 더 포괄적인 개념이기 때문.인터넷은 전 세계적으로 연결되어 있는 컴퓨터 네트워크 통신망을 의미하며, 웹 뿐만 아니라 온라인 게임, 모바일 앱, 이메일 등 네트워크를 사용하는 다

프론트엔드 개발에서의 상태 관리.React가 상태 관리를 위한 라이브러리는 아니다.그러나 상태 관리의 주요 원칙을 배우고 이를 따라간다면, 컴포넌트 간 서로 느슨하게 결합된loose coupled, 구조적으로 아름다운 코드를 작성할 수 있다.상태란 무엇인가? UI에 동

프로잭트 중 이전에 요청 받았던 버튼을 똑같이 사용하도록 요청받았다.여러 프로젝트 혹은 여러 팀 간에 같은 UI 컴포넌트를 공유한다면,디자인과 개발 단계에서부터 재사용할 수 있는 UI 컴포넌트를 미리 디자인하고 개발하면 이런 고민을 해결할 수 있다.이 고민을 해결하기

UI분석사용중인 UI 디자인 패턴모달 (자세히 보기)탭 (Navbar)아코디언(help 한정)UX분석피터모빌의 UX 7요소 충족 여부유용성 - 8점해당 사이트에 해당 전문가가 사용할 시 유용성이 높을 것이라고 판단.특정한 유저를 대상으로 사이트를 만들었다고 판단하여 유

이제부터 백준 알고리즘의 빡침 포인트 fs 모듈이 나온다. fs모듈에 관해서 다루는 글은 다루지 않을 생각이니, 만약 필요하다면 여기 에서 확인해보시길.아직도 저놈의 let input = fs.readFileSync("/dev/stdin") 뒤에 붙는.toString(

대한민국 육군 병장 전역자로서 대흉근이 웅장해지는 문제만능 콘솔닷로그 를 두 줄에 걸쳐서 적으면 된다.쉽다.

드디어 나도 백준 알고리즘에 발을 들였다.코딩 배운지 2달만에 나름의 쾌거다.원래는 한달차 즈음에 도전해볼 생각으로 들어갔다가 단순한 이 2557번 문제조차 풀지 못해 좌절한 적이 있다.그 때는 백준 알고리즘의 문제 풀이에 대해 이해하지 못한 상태로 그저를 적고 있었으

UI User Interface 사용자 인터페이스는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다.Graphical User Interface 그래픽 사용자 인터페이스는 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 말한다.프론트엔드 개발자로서의 UI

JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷이다. 네트워크를 통해, 어떤 객체 내용을 다른 프로그램에게 전송한다고 가정하자. 이 객체의 내용을 일종의 메신저 혹은 채팅 프로그램에서 쓰는 하나의 메

재귀란 무엇일까? 표준국어대사전에서는 다음과 같이 정의하고 있다.재귀再歸 : 원래의 자리로 되돌아가거나 되돌아 옴.재귀의 시각적 예시를 든다면 계속해서 원래의 상태로 돌아오는 아래 이미지와 같을 것이다.재귀 함수란, 자기 자신을 호출하는 함수를 재귀 함수라고 한다. 재

섹션 2 회고록 Goodbye Section 2! https://c.tenor.com/Ag_9v0a2TCgAAAAC/korean-clapping.gif 음 이번에도 길고 길었던 섹션2가 끝났다. 이번에도 섹션이 끝나면 어떠한 감정이 있을거라 생각했다. 이번에도

MERN stack은 JavaScript 생태계에서 인기 있는 프레임워크인 MongoDB,Express,React,Node.js를 지칭하는 말이다. 이 중에서 Express는 Node.js 환경에서 웹 서버, 또는 API 서버를 제작하기 위해 사용되는 인기 잇는 프레임

SOP는 Same-Origin Policy의 줄임말로, 동일 출처 정책을 뜻한다.한 마디로 같은 출처의 리소스만 공유가 가능하다 라는 정책을 뜻한다.여기서 말하는 출처Origin는 다음과 같다.출처는 프로토콜, 호스트, 포트의 조합으로 되어있다. 이 중 하나라도 다르면

대부분의 문제는 복잡하며 명확하지 않을 수도 있다. 따라서 문제(요구사랑)를 명확히 이해하는 것이 우선 되어야 하며 복잡함을 단순하게 분해decomposition하고 자료를 정리하고 구분modeling해야 하며 순서에 맞게 행위를 배열해야 한다.(...중략) 컴퓨터와

함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 해당 함수는 Side Effect가 있다고 이야기 한다. React에서는 컴포넌트 내에서 fetch를 사용해 API 정보를 가져오거나 이벤트를 활용해 DOM 직접 조작할 때 Side Effect가 발생했다고 말한

React 데이터 흐름 React의 개발 방식의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작한다는 점이 가장 큰 특징이다. 상향식 (bottom-up)으로 앱을 만든다. 이것의 가장 큰 장점은 테스트가 쉽고 확장성이 좋다. 그래서 기획자나 PM 또는