profile
Frontend
post-thumbnail

UI/UX 개선점 생각해보기

티빙의 메인페이지이다.해당 페이지의 디자인 패턴으로는탭(Tap), 자동완성(Autocomplete), 드롭다운 (Dropdown), 캐러셀 (Carousel), 페이지네이션 (Pagination), 무한스크롤 (Infinite Scroll, Continuous Scro

5일 전
·
0개의 댓글
post-thumbnail

코드스테이츠 프론트엔드 39기 - 9 (ft. section 2 회고)

어느덧 두달 째가 되었다.대략 140명으로 시작한 동기들은 어느덧 128명으로 줄어들었다. 함께 하지 못해 아쉽지만 떠나가신 동기분들의 미래를 응원한다...섹션2에서는 다음과 같은 유닛으로 구성되어 있다.고차함수 (map,filter 등)객체지향프로그래밍비동기React

2022년 6월 20일
·
0개의 댓글
post-thumbnail

브라우저 동작 원리와 방식 (번역 및 수정)

브라우저의 기능은 선택한 웹 리소스를 서버에서 요청하여 브라우저 창에 표시하는 것 이다.리소스는 보통 HTML문서 이지만, PDF, 이미지 등 일수도 있다. 이러한 리소스 위치는 사용자가 URI(Uniform Resource Identifier)를 사용하여 지정한다.브

2022년 6월 20일
·
0개의 댓글
post-thumbnail

2022-06 TIL(2)

2022-06-16

2022년 6월 15일
·
0개의 댓글
post-thumbnail

토스 SLASH22 잃어버린 유저의 시간을 찾아서 영상 내용 정리 (SSR)

영상링크 SSR(Server Side Rendering)을 사용함으로써 로딩시간을 줄여 사용자들의 시간을 아끼게 해주었다는 내용이다. 먼저 보통의 웹서비스가 콘텐츠를 전달할때, 유저가 웹에 진입 브라우저는 프론트엔드 서버로 HTML요청 FE서버는 빌드 타임에 미리

2022년 6월 12일
·
0개의 댓글
post-thumbnail

비전공자가 보는 컴퓨터과학-2 (ft. Rest Api)

웹에서 사용되는 데이터나 자원을 URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식.Editor와 ClientAPI Reference (API의 호출,응답에 대한 형식 설명)API 레퍼런스가 잘 만들어지지 않으면 다른 개발자가 활용하기 힘듦대기업의

2022년 6월 11일
·
0개의 댓글
post-thumbnail

스택오버플로(5) - ...은 리액트에서 어떤 일을 할까? (What are these three dots in React doing?)

이 React(JSX) 코드에서 ...은 무엇인가?{...this.props}는 props의 개별 속성으로 자신이 갖고 있는 속성들을 각각 지칭한다.예를들어, Modal에서 a:1, b:2가 this.props에 포함된경우,위와 아래의 코드는 동일한 동작을 수행한다.또

2022년 6월 9일
·
0개의 댓글
post-thumbnail

2022-06 TIL(1)

2022-06-01

2022년 6월 3일
·
0개의 댓글
post-thumbnail

자바스크립트(8) 자료형

들어가며... 코드스테이츠 수업이 본격적인 자바스크립트 동작원리 파트로 넘어갔다. 이전까지 단순히 어떻게 사용하면 된다~ 라는 how to use 식이였다면, 이번 수업부터 what's that 식으로 좀 더 깊이 알아보는 식이다. 가장 먼저 변수를 선언하고 할당한다.

2022년 6월 3일
·
0개의 댓글
post-thumbnail

HTML (2) DOM

자바스크립트 외에도 여러가지 언어가 있다.자동차등에 시스템을 제어하는데 C++이 쓰이고,게임과 같은 .net이나 윈도우 환경에서는 C자바스크립트 또한 여러가지 활용처가 있지만 주로 웹브라우저에서 사용한다.이처럼 무언가를 제어하기위해 언어를 쓰는데,그 무언가를 호스트라

2022년 5월 31일
·
0개의 댓글
post-thumbnail

스택오버플로(4) - 루프 안의 컴포넌트 (Loop inside React JSX)

React JSX(ObjectRow는 별도의 구성 요소임)에서 다음과 같은 작업을 수행하려고 합니다.JSX가 함수 호출에 매핑되기 때문에 이것이 유효한 JSX가 아닌 이유를 이해합니다.그러나 템플릿 랜드에서 왔고 JSX를 처음 사용하기 때문에 위의 사항을 어떻게 달성할

2022년 5월 28일
·
0개의 댓글
post-thumbnail

자바스크립트(7) 객체지향 프로그래밍(OOP) 맛보기

객체지향 프로그래밍이란? 야스오가 있다. 또 야스오를 물려받아 어둠의 인도자 야스오가 있다. 야스오의 스킨은 어둠의 야스오 말고도 여러가지가 있는데, 만약 이를 프로그래밍 한다고 하면 야스오라는 챔피언을 만들고 그 이후 출시하기 위해 새로운 야스오를 선언하고 안에

2022년 5월 25일
·
0개의 댓글
post-thumbnail

자바스크립트 객체는 const로 선언해도 왜 값 변경이 가능할까?

코드스테이츠 줌 라이브 세션 중 누군가가 객체는 const로 선언해도 왜 값을 바꿀수 있는가? 라고 질문했다.나름대로 생각을 정리해봤다.먼저 자료형,원시자료형은 선언한 식별자와 주소를 저장한다.객체는 위와 동일하지만 식별자와 함께 저장된 주소가 또 다시 객체의 주소로

2022년 5월 24일
·
0개의 댓글
post-thumbnail

스택오버플로(3) - 루프 안의 클로저 (JavaScript closure inside loops – simple practical example)

이번 문제는 es6 이전 var로 변수를 선언했을때 생기는 문제를 가져왔다.직접적으로 영향이 있는건 아니지만 해당 문제에 관련된스코프호이스트로 리액트에서 비슷한 문제를 겪었다.전역 스코프와 블록스코프, 함수스코프 이 개념을 잘알아야 리액트 사용할때 함수형 컴포넌트를 루

2022년 5월 23일
·
0개의 댓글
post-thumbnail

2022-05 TIL

금일 코드스테이츠 mini hackerton 진행 중 처음보는 메서드 발견.클라이언트 환경에서 서버에 있는 타임존을 불러오면 여러가지 형태를 불러오는데,그 중 ISO-8601 형태의 2017-03-10T11:30:00+09:00 을 발견.이를 Date.now()로 하

2022년 5월 20일
·
0개의 댓글
post-thumbnail

스택오버플로(2) - use strict (What does "use strict" do in JavaScript, and what is the reasoning behind it?)

이번 주제는 자바스크립트에서 strict모드를 쓰는 이유에 대해 묻는 걸 가져왔다.ES5에서 추가된 키워드이며,자바스크립트의 널널하게 넘어갔던 에러들의 에러메세지를 발생시켜준다.용도로는 엄격하게 문법을 검사하는 걸까?본문이 12년전의 내용으로 그 당시 strict에 대

2022년 5월 17일
·
0개의 댓글
post-thumbnail

코드스테이츠 프론트엔드 39기 - 7

이전 글에서 2번의 유닛이 지나갔다.1\. 배열, 객체2\. 자바스크립트 핵심개념매우 중요하지만 이번에도 심도 깊은 공부는 개인공부이다.음... 메서드 사용 법과 그냥 빠르게 개념을 톺아보는 느낌으로 좋았던것 같다.특히나 핵심개념 이후로 koans라는 자료형, 스코프,

2022년 5월 17일
·
4개의 댓글
post-thumbnail

스택오버플로(1) - 배열에서 특정 값 삭제 (How can I remove a specific item from an array?)

흔히 한국 개발자 커뮤니티/단톡 등에서 얘기하다 보면 스택오버플로우를 자주 보라는 말이있다.처음 시작할때는 코딩도 배우기 어려운데 저게 무슨 얘기인가 했었다.하지만 좀 더 입문단계에서 심화적인 내용을 배우면 점점 언어 자체의 동작원리,컴퓨터 과학등을 알아야 하는 경우가

2022년 5월 14일
·
0개의 댓글