post-thumbnail

[TIL]🌒Front-end Day-26

float 수평정렬Block fromatting contextContaining blockBEM CSS구조 및 상태를 관리하기 위한 CSS개발 방법론참고글CSS PositionCSS Flexa guide to flexbox, csstricks CSS Grid compl

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

[TIL]🌒Front-end Day-21

이전회차 강의 복습하며 클론 코딩 힌트얻기s,del,ins 태그차이event delegation 기법클론코딩 저번주부터 무언가 하긴 했는데 진행이 안되고 기능 구현이 계속 막혀서 강의를 복습하며 응용하는 형태로 구현해보고 있다. 강의를 다시보니 따라치기 급급해서 놓쳤던

2021년 8월 30일
·
0개의 댓글
post-thumbnail

SSR 과 CSR

이번주제는 SSR과 CSR이다. SPA와 관련한 강의들을 들으면서 짤막하게 소개된 내용인데 더 깊이 알아보려고 조사했다.클라이언트가 서버에 요청을 보내면, 서버에 저장된 파일을 받아 브라우저가 그대로 그리는 것을 말한다.화면에 변화를 주려고 하면 그때마다 서버에서 새로

2021년 8월 29일
·
0개의 댓글
post-thumbnail

프로그래머스 데브코스 한달 회고

합격 후기에 이어 지난 한달을 돌아보며 앞으로 어떻게 해나가야할지 생각과 마음을 정리해 봐야겠다.데브코스 시작전부터 걱정이 많았다. 모집할때부터 많이 힘든과정이 될테니 각오 하라고 하셨으니 각오를 다지면서도 내가 과연 따라갈 수 있을까? 라는 걱정을 안할 수가 없었다.

2021년 8월 29일
·
0개의 댓글
post-thumbnail

프로그래머스 데브코스 합격 후기

프로그래머스 데브코스 프롱이로서의 삶이 벌써 한달이 지났다. 그래서 미뤄왔던 나의 데브코스 합격이야기와 지난 한달을 돌아보며 앞으로 어떻게 해나가야할지 생각과 마음을 정리볼 것이다.데브코스 준비에서 합격까지 영화한편 찍은거 같다. 다른사람이 보기엔 시시할수도 있으나 내

2021년 8월 28일
·
2개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-20

노션 클로닝 레이아웃을 위한 컴포넌트 구성todolist state의 validation은 어떻게 하면 좋을까?금요일의 TIL이라 뭔가 4주차의 반성이 담길거같다.이번주 너무 느슨해진거 같다. 왜 항상 나는 극과 극일까 불안함 아니면 퍼짐 적당한 텐션을 유지할 수 있는

2021년 8월 28일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-19

과제 원격 저장소 연결하기 위한 뻘짓로컬 저장소에서 작업하고 있던걸 과제올리는 원격저장소랑 연결하기 위해 이것저것 만져보는중처음에 바로 과제 원격 저장소를 git remote add origin으로 연결하였으나 브랜치들이 나오지 않고 뭔가 쎄한 기분이 들어 ㅎㄷㄷ 한

2021년 8월 26일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-18

이벤트 버블링중첩된 태그까지 이벤트 핸들러가 동작하는것 이벤트가 제일 깊은 곳에 있는 요소에서 시작해 부모 요소를 거슬러 올라가며 발생하는 모양이 마치 물속 거품(bubble)과 닮았기 때문낙관적 업데이트 (Optimistic User Interfaces)UI는 실제로

2021년 8월 25일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-16

Vanilla js를 사용하여 SPA (Single Page Application)에서 Routing 시스템을 구현하는 방법hashbangSPA를 구현하기 위해 사용페이지의 갱신 없이 URL 변경HTML 앵커 기능을 이용한 방법이다.location.hash를 통해 가져

2021년 8월 23일
·
0개의 댓글
post-thumbnail

[TIL]대신 쓰는 3주차 회고

오늘은 이번 3주 차를 정리하며 앞으로 어떻게 해야 할지에 대해 이야기해볼거다. 안 그래도 수요일쯤 시간을 너무 비효율적으로 보내고 있는 거 같아서 한번 정리했었는데 금요일 매니저님이 따로 이번 주를 마무리하며 돌아볼 수 있는 시간을 주셨다. 그래서 그 항목을 바탕으로

2021년 8월 21일
·
3개의 댓글

[JS]스코프와 클로저

사전적 의미는 범위이다. 그래서 유효범위라고도 부른다.변수 이름, 함수 이름, 클래스 이름 같은 식별자가 본인이 선언된 위치에 따라 다른 코드에서 자신이 참조될수 있을지 없을지 결정 되는 유효 범위global scope함수나 블록에 포함되지 않은 곳에서 정의하는 것으로

2021년 8월 19일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-13

컴포넌트 방식으로 어떻게 UI를 표현하고 생각할까? UI요소를 컴포넌트 단위로 추상화하고 응집력있게 개발해야 한다.부분적으로 재사용이 가능하게 생하면서 독립적으로 사용 될 수 있는 부분은 다 분리 시킨다.컴포넌트끼리의 상호작용은 제하고 독립적으로 보자 서로 의존하지 않

2021년 8월 18일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-12

명령형 프로그래밍과 선언형 프로그래밍 방식 이해 명령형은 컴퓨터가 수행할 명령들을 디테일하게 기술하는것선언형은 무엇이 될 지 선언을 하는 것외부의 개입을 최소화 시키고 독립적으로 돌아가면서 어떠한 상태를 기반으로 추상화 되어있는 UI를 잘만드는 것이 중요하다현재 10일

2021년 8월 17일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-11

2주차 자가진단 테스트특강애자일 : 정답은 시장의 반응 빠른 사이클로 런칭 시장의 반응에 맞춰 사이클을 반복한다.워터풀 : 요구사항을 최대한 분석해서 한번의 사이클로 완벽하게!Postmortem : 프로젝트를 회고 하는 것 잘못된 건 시스템이다 인간이 아니다.2주차 함

2021년 8월 16일
·
1개의 댓글
post-thumbnail

[JS] 변수와 Hoisting

변수 수학에서는 변하는 값을 말한다. 프로그래밍 에서는 직접 메모리에 할당 하는 것으로 변수명은 메로리상 주소라고 할 수 있다. 언제든 값을 변경 할 수 있다. 그것은 마치 건물 재건축한다고 주소가 바뀌지 않는 것과 비슷하다. 종류로는 var와 let이 있다. l

2021년 8월 16일
·
0개의 댓글
post-thumbnail

[JS] 이벤트루프와 태스크큐

프론트엔드는 자바스크립트를 주로 사용하기에 자바스크립트의 동작원리에 대해 이해하고 있어야한다고 생각 했습니다. 강의에서도 배우기도 했지만, 이해가 어려웠기에 제대로 정리하고 넘어가고싶어서 주제로 선정했다. 자바스크립트 엔진의 구조 자바스크립트 엔진은 크게 Call St

2021년 8월 15일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-9

8일차 밀린 강의 수강7일차 강의 복습 9일차 강의 수강 중 promise 프로미스는 자바스크립트안에 내장된 오브젝트비동기적인 것을 수행할때 콜백대신 사용하기 좋음executor는 new Promise가 만들어질 때 자동으로 실행되는데, 결과를 최종적으로 만들어내는 제

2021년 8월 12일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-8

이터레이션 프로토콜과 관련하여 다시 복습하며 정리이터러블프로토콜 준수 = 이터러블이터러블 호출 ⇒ 이터레이터 반환이터레이터 프로토콜 준수 = 이터레이터이터레이터 next 메소드 호출 ⇒ 이터레이터 리절트(iterator result) 객체 반환value 속성은 현재

2021년 8월 11일
·
0개의 댓글
post-thumbnail

[TIL]🌑Front-end Day-7

기존 메소드들은 array에 프로토타입으로 소속되어 있어 제한적 장점 이터러블한 객체라면 다형성이 많고 유연한 대처 가능그에 맞게 값을 받아올 수 있게 하려면 어떤 함수로 어떻게 받아와야하는가를 생각을 해보자out 얻기위해 input을 어떻게 다듬어 갈 것 인가go 함

2021년 8월 10일
·
0개의 댓글