profile
잘부탁드립니다
post-thumbnail

[JS] JavaScript의 document.location 속성 및 위치 개체에 대한 완전한 가이드

객체는 브라우저의 Window 탭에 있는 현재 DOM 문서와 관련된 속서을 가진 전역 객체 입니다.document.location읽기 전용 속성은 현재 문서의 URL 에 대한 정보인 개체를 반환 하고 Location URL 을 변경하고 로드하는 메서드를 제공합니다. 읽

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

[JS] - href 속성

태그의 href 속성은 링크된 페이지의 URL 을 명시합니다.

2022년 6월 10일
·
0개의 댓글

5월 16일 프로젝트 6일차

주말간 간단한 퍼블리싱은 끝내고 이제 반응형에 맞춰서 움직이고 있다.백엔드 진행상황User, QuestionBoard, QuestionComment API완료기본적인 CRUD제작을 우선으로 작업중현재 백엔드쪽에서는 기본적인 CRUD 제작을 우선으로 작업중이기도 해서 나

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

5월13일 프로젝트 5일차

오전중 회의는 반응형에 알맞은 rem 설정을 하기로 했으며 사전에 픽셀로 고정값을 주기보단 % 로 전체적인 구간을 나눠두고 작업을 시작하기로 했다.처음에는 화면이 줄어들었을땐 고정으로 되어있다 보니... 크기에 맞게 작아지는게 아닌 고정으로 서있는 것 처럼 보였다. g

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

5월 12일 팀플 4일차

오늘도 여전히 디자이너분들은 굉장히 분주하게 움직이며 팀장인 범수님과의 소통도 잘되며 이야기가 잘되셔서 그런지 작업속도가 금방금방 새로운게 나타나고 필요없게되는건 금방 수정이 되어서 좋았다.대체적으로 색상컬러를 디자이너분께 이야기 전달이 잘되서 그런지 매우 만족한 사안

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

5월11일 회고록 3일차

오늘은 디자인 시안이 어느정도 나오는 날이였다.색상은 주로 블랙,화이트,회색3톤으로 결정을 했으며, 피그마를 만드는 중에 수정이 계속 있을 예정이다.디자이너분께서 피그마를 만드시는동안 여러기능을 했으면 좋겠다 라고 하신것중 셀렉을 하는데 이번에는 스케쥴 관련 기획을 하

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

5월10일 회고록 2일차

오전중에 팀회의가 진행이 되었다 . 프론트엔드쪽에서는 디자이너랑 얘기전 와이어프레임을 통해서 필요한 기능을 가져가며 디자인적인것을 수정 및 보안을 가져갔다.백엔드분이랑은 기능을 구사하는데 있어서 erd쪽 회의를 진행을 했으며 저와 팀장님은 git master쪽 계정에

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

5월9일 회고록(1)

어제부터 git flow 에 대해서 이론을 보고 수업 영상을 보고 터미널을 켜서 따라하다 실수가 잦은바람에 중심 포인트를 잘못 잡았었다 . Master에서 git push 를 받아서 이슈 에 대해서 merge 를 누르고 모든게 완성이라 생각했었는데... 크나큰 실수였다

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

반응형 웹 미디어 쿼리

미디어 쿼리는 CSS3에서 소개된 CSS 기술입니다.미디어 쿼리는 특정 조건이 true 인 경우에만 CSS 속성 블록을 적용하도록 @media 규칙을 사용합니다. 아래 코드는 브라우저창의 width 가 600px 이하인 경우, body 의 배경색을 lightblue 로

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

CI&CD

CICI는 Continuous integration 의 약자로 지속적 통합이라는 의미이다.애플리케이션의 새로운 코드들이 자동으로 빌드 및 테스트 되어 레포지토리에 통합되는 것을 의미한다.CI의 포인트는개발자들은 최대한 작은 단위로 만들어서 개발해가며 빈번하게 merge

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

NoSQL vs SQL

웹 애플리케이션 개발을 위한 첫 걸음을 내딛은 이후에 한가지 선택사항을 마주하게 됩니다. MySQL와 같은 SQL을 사용할 것인가? 아니면 MongoDB같은 NoSQL을 사용할 것인가?Node.js에 익숙하신 분들이라면 NoSQL (MongoDB)이 더 좋다는 인상을

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

TS Generic

사실 Generic은 java와 같은 다른 언어에서 이미 사용되어 온 특징이다.Generic은 재사용을 목적으로 함수나 클래스의 선언 시점이 아닌, 사용(호출) 시점에 타입을 선언할 수 있게 됩니다.제네릭을 사용하게 되면 다음의 장점을 누릴 수 있습니다.(1) 재사용하

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

Atomic Design Pattern

웹 디자인이 계속 발전함에 따라 심플한 웹페이지를 만드는 것보다 사용자를 배려하는 디자인 시스템을 개발할 필요성이 늘어나고 있습니다.patternlab.io를 이끄는 Brad Frost와 Dave Olsen는 Atomic Design을 이렇게 부릅니다.페이지를 만들지

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

OOP vs FP

함수형 프로그래밍 전달받은 인자값을 중심으로 결과값을 반환하는 간결한 방식의 프로그래밍으로데이터를 함수 내부에서 따로 저장하거나 하지 않는다.한 번에 하나의 작업만 수행하는 함수들의 조합으로 로직을 처리한다.예) func(obj) : 함수 인자값으로 객체, 함수 등

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

Event Loop

Callback Event Queue에서 하나씩 꺼내서 동작시키는 Loop를 말한다.자바스크립트는 싱글 스레드 기반 언어이기 때문에, 한번에 하나씩 작업을 진행한다.그러나 자바스크립트가 사용되는 환경을 생각해보면, 많은 작업이 동시에 처리되고 있는 것을 알 수 있다.예

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

this, binding

Try itJavaScript에서 함수의 this 키워드는 다른 언어와 조금 다르게 동작합니다. 또한 엄격 모드와 비엄격 모드에서도 일부 차이가 있습니다.대부분의 경우 this의 값은 함수를 호출한 방법에 의해 결정됩니다. 실행중에는 할당으로 설정할 수 없고 함수를 호

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

promise vs callback

위에서 말했다 싶이 비동기 함수는 런타임시 모든 코드가 실행이 되고 난 다음에 실행이 된다.비동기 함수가 실행되고 난 “다음에” 비동기 처리의 결과물을 바탕으로 코드를 실행하고 싶을때, 아주 예전에는 위와 같이 콜백 방식으로 처리했다.콜백 함수란 위와 같이 함수(add

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

Immutable과 Mutable

다음 코드를 보고 메모리의 상태를 우선 그려봅시다.변수 a는 문자열 객체를 바인딩하고 변수 b는 리스트 객체를 바인딩합니다. a, b 변수가 바인딩하는 각 객체의 주소를 출력해보면 서로 다름을 확인할 수 있습니다.a라는 변수가 바인딩하는 "hello"라는 문자열 객체와

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

Virtual DOM 동작 원리와 이해 (with 브라우저의 렌더링 과정)

Virtual DOM?1\. Virtual DOM이란?→ "DOM을 추상화한 가상의 객체"DOM을 추상화한 가상의 객체라고 표현해봤습니다. (개인이 내린 정의)그러면 우선 저 문장을 이해하기 위해서 DOM이란 뭔지 알아야합니다.DOM은 문서 객체 모델이라고 하는데 결국

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

웹 브라우저는 렌더링 프로세스(Browser’s Rendering Process)

의 초창기에는 마크업 문서 작성시 태그를 빼 먹거나, 닫아야 하는 태그를 닫지 않으면 브라우저가 HTML 을 제대로 파싱하지 못하였습니다. 때문에 종종 화면에 깨진 UI 가 표시되기도 하였습니다. 하지만 오늘 날 대부분의 모던 브라우저는 예외 처리가 아주 잘 되어 있

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