# 프론트엔드

441개의 포스트
post-thumbnail

[Sparta 개발 일지]_210613 5주차 (마지막 주차)

ReactNative를 공부하다가 React를 공부하니 패키지/JS기초 등은 도움되는 부분도 많았지만 생각보다 어려웠다. 오류 수정 감각도 충분하다고 생각했지만 이번 수업을 들으면서 더욱 발전이 필요하다고 깨달았다. 개발 공부을 시작한지 1년도 되지 않았으니 어찌 보면

1일 전
·
0개의 댓글

[Sparta 개발 일지]_210611 4주차

css keyframes(styled-components)forEach()와 map()의 차이점애니메이션을 줄 요소를 만든다. boxFade라는 이름의 키 프레임을 생성할 예정.position을 absolute로 주고 기본 위치를 잡는다.시간의 흐름(%)에 따른 변화를

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

프론트엔드 개발 로드맵

https://github.com/devJang/developer-roadmap

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

[Vue] 2. computed & watch

템플릿 내에 너무 많은 연산을 넣으면 코드가 복잡해지고 추후에 유지보수도 어렵게 된다. 이를 해결하기 위해 computed와 watch 속성이 존재한다.어떤 특성을 갖고 어떻게 다른지 알아본다.의존성과 바인딩종속 대상을 따라 저장된다계산해야 하는 목표 데이터를 정의하는

6일 전
·
0개의 댓글

[카카오 API] 리액트 - 사이트 공유 기능 만들기

특정 페이지를 카카오톡으로 공유하는 기능을 추가한다.

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

[JavaScript] map 함수 오류

빈 배열이 아니라 undefined일 때 에러가 난다.

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

[Vue] 2. Vuex

Vuex가 무엇인가요?Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있다.단방향 데이터 흐름상태 : 앱을 작동하는 원본 소스뷰 : 상태의

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

프론트엔드 개발자 학습방향_PoiemaWeb _이웅모님

프론트엔드 개발자 학습 방향에 대한 좋은 영상을 보았고, 영상 요약정리를 기록으로 남기려 한다 "프론트엔드 개발자 학습 방향" 영상_이웅모님 - youtube링크

2021년 6월 6일
·
0개의 댓글

[Sparta 개발 일지]_210604 3주차

새로 알게된 것 React Router를 이용한 라우팅(Switch, Router 등) Redux CreateStore로 Store 생성하기 Redux combineReducers로 여러 Reducer 하나로 묶기 함수형 컴포넌트에서 Redux를 이용한 전역 상태관리

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

[Vue] 1. Vue 인스턴스

vuejs.org - Vue 인스턴스모든 Vue 앱은 Vue 함수로 새 인스턴스를 만드는 것부터 시작Vue 인스턴스의 생성 시에는 options 객체를 전달해야 한다.Vue 인스턴스가 생성될 때 데이터 객체에 있는 모든 속성이 Vue의 반응형 시스템에 추가된다. 각 속

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

포트폴리오 페이지 개발 후기

간단하게 코드펜에서 템플릿을 따와서 포트폴리오를 작성했다. 곧 이력서 특강이 있으니 포트폴리오도 준비해놓는게 좋다고 생각했다. 기존 코드를 수정하면서 트러블이 있었던 부분과, 코드 분석했던 내용을 정리해야 겠다고 생각해서, 블로그에 정리하려고 한다. url http

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

클로저

아래 내용은 학원 수업과 "모던자바스크립트 Deep Dive : 이웅모 저"를 읽고 정리한 내용입니다. 클로저 클로저가 왜 필요한가? 함수가 어떤 값(상태)을 변경해야 하는 경우에 값이 전역 코드에 있다면 해당 값은 모든 사람, 모든 코드가 접근할 수 있기 때문에

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

[Vue] 0. Vue 연습 시작

Vue.js 시작하기디렉티브Vue에서 제공하는 특수 속성임을 나타내는 v- 접두어가 붙어있으며 렌더링된 DOM에 특수한 반응형 동작을 한다.조건문반복문

2021년 6월 2일
·
0개의 댓글

[프론트엔드] 디자인 패턴

wikipedia - Software Design Pattern In software engineering, a software design pattern is a general, reusable solution to a commonly occurring problem

2021년 6월 2일
·
0개의 댓글

#25 TIL 요즘 나의 상태

요즘에 블로깅을 안한지 거의 3주가 되는 거 같다... 옛날에는 그래도 일주일에 3번은 블로깅을 작성을 했었는데 요즘에는 거의 안하다보니 매우 내자신이 답답하고 무기력하고 짜증이 많이나는 시기인거 같다... 요즘에 섹션2로 넘어와서 진도가 아예 어려워져서 진짜 정신을

2021년 6월 1일
·
0개의 댓글

Inheritance & Cascading (상속, 우선순위)

상속이란 상위 요소에 적용된 속성을 하위 요소가 물려 받는 것을 의미속성별 상속 여부 확인 링크하나의 태그에 여러가지 방법으로 동일한 속성의 스타일을 적용하는 경우 우선순위에 따라서 적용될 스타일이 결정됨⭕ 우선순위를 결정하는 요소중요도 : CSS가 어디에 선언되었는지

2021년 5월 31일
·
0개의 댓글

Float (요소 정렬)

float 속성은 이미지와 텍스트가 있을 때, 이미지 주위를 텍스트로 감싸기 위해 만들어진 것해당 속성을 사용할 때는 요소의 위치를 고정시키는 position의 absolute를 사용하면 안됨float: none; : 요소를 떠있게 하지 않음 (기본값)float: ri

2021년 5월 31일
·
0개의 댓글

position (요소의 위치 정의)⭐

position: static; : 요소를 문서 흐름에 맞추어 배치 (기본값)position: relative; : 이전 요소 (보통 부모 요소)에 맞추어 자연스럽게 연결하여 위치를 지정position: absolute; : 원하는 위치를 지정해 배치position:

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

Font & Text

font-size: 40px;font-size: 2.0em;font-size: 150%;font-size: large;대부분 프론트엔드 개발 시에는 font-size에 대해 px 단위를 사용하고 있지만, 요즘 트렌드인 반응형이나 모바일로 인하여 em, % 단위를 사용하

2021년 5월 31일
·
0개의 댓글