profile
프론트엔드 개발자 초보에서 고수까지!
태그 목록
전체보기 (50)React(5)슬라이드효과(3)백틱(3)자바스크립트(2)케이스스터디(2)리액트(2)동기(2)회고록(2)1차프로젝트(2)비동기(2)form태그(2)객체(2)배열(2)position(2)Props(2)폼태그(2)promise(2)git(2)relative(1)a태그(1)입력태그묶기(1)rebase(1)linux(1)HTML기초문법(1)이스케이프시퀀스(1)빈칸을작성해주세요(1)nat(1)클릭시스타일변경(1)fetch함수(1)PORT(1)하이퍼링크(1)테크닉(1)고양이(1)(1)객체접근(1)router(1)float(1)프로토타입(1)데이터(1)gitworkflow(1)Prototype(1)정리(1)list태그(1)fixed(1)semantic tags(1)parseInt(1)미디어(1)async(1)백슬래시(1)글자(1)콜백함수(1)메모장글(1)WEBhtml(1)광고배너(1)enter로 댓글등록(1)댓글기능(1)table태그(1)끄적끄적(1)css제어하기(1)표태그(1)라우터(1)filter(1)시멘틱요소(1)빈칸(1)z-index(1)동적라우팅(1)key(1)영상삽입(1)배열프로퍼티(1)시멘틱태그(1)템플릿리터럴(1)함수재사용(1)array프로퍼티(1)State(1)함수(1)DOM(1)리액트map사용법(1)화살표함수(1)Sass(1)video태그(1)html(1)버튼(1)innerText(1)block(1)객체반복문(1)자바스크립트용어(1)inline(1)HTML이론(1)목록태그(1)array(1)Fetch(1)web공부(1)github(1)백준(1)리액트인라인스타일(1)casestudy(1)semantic web(1)변수(1)리눅스(1)웹페이지html(1)기초(1)Map(1)linline-block(1)DHCP(1)img태그(1)map함수(1)스르륵스르륵(1)div겹치기(1)코드카타(1).style(1)dynamic ip(1)터미널(1)텍스트(1)div올리기(1)object(1)import여러가지사용법(1)terminal(1)absolute(1)선택창(1)
post-thumbnail

CaseStudy) 조건부 랜더링과 map함수오류

map함수를 백엔드와 통신하여 데이터를 받아서 실행하게 되면 데이터가 들어오는 것보다 렌더링이 먼저 되어서 오류가 발생하게 된다.

4일 전
·
0개의 댓글

TIL )함수 재사용

코드를 깔끔하게 작성하기 위해서는 많은 방법이 있다

6일 전
·
0개의 댓글

[react] Git Workflow & Rebase

팀 프로젝트를 하면서 깃(git)을 많이 사용해서 많이 익숙해 지게 되었다.

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

[회고록] 1차 프로젝트 그리팅몰 클론 코딩

1차 클론코딩이 끝나고 적는 회고록 입니다. 아직 수정중!!

2021년 4월 25일
·
1개의 댓글
post-thumbnail

[회고록] 광고쟁이에서 코딩쟁이 1차 프로젝트 비교

광고에서의 팀프로젝트와 코딩에서의 팀프로젝트를 비교해보았다.

2021년 4월 25일
·
0개의 댓글

react)동적 라우팅

팀프로젝트를 진행하면서 동적라우팅 세션을 듣게 되었다. 그 당시 팀 프로젝트로 바쁘기도 해서 정확히 이해하지는 못하고 팀프로젝트에서 사용하면서 익혀나갔었는데 팀프로젝트가 종료되고 지금 다시 천천히 정리해보면서 벨로그를 작성하게 되었다.

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

react) setState 콜백

클래스형 컴포넌트를 사용하게되면 this.state 값을 주며 setState를 이용하여 값을 변경하게 된다.

2021년 4월 20일
·
0개의 댓글

react)fetch함수에 대해서 알아보자.

fetch함수. 프로젝트를 진행하면서 백엔드와 소통하기 위해 (정보를 받고 전달해주기 위해서 ) 많이 사용하게 되었다.

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

react) map함수 클릭 이벤트에서 한개의 값만 스타일 변경하기

이전에는 클릭시 스타일만 변경하는 방법을 작성하였다. 하지만 홈페이지를 보면 하나만 클릭했을시 하나만 불이 들어온다거나 하나만 스타일이 변경되어야 한다.

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

react) map함수 사용시 클릭시 스타일 바꾸기

팀 프로젝트시 버튼을 클릭하면 스타일을 변경해줘야하줘야 했다.

2021년 4월 14일
·
0개의 댓글

react ) 광고배너 슬라이드 만들기

프로젝트 과제 진행때 광고배너 만들기를 맡게 되었다.

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

자바스크립트 필터 효과 적용하기

인터넷 효과에서 자주 사용되는 효과인 필터 효과를 자바스크립트를 이용해서 구현해보았다. 카테고리 버튼을 클릭하여 필터링 되는 방법과 검색을 통해서 필터링 되는 방법 두가지를 구현하였다.

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

react) filter를 이용하여 검색 기능 만들기

fetch,map(),props등을 복습하는 과제 겸 filter를 이용해서 검색 기능을 구현하는 과제를 받게 되었다.filter를 이용해서 검색 기능을 하게 되면 아래와 같이 된다. 과제에서 친절하게 주석으로 힌트가 주어져서 쉽게 도전할수 있었다. 몬스터 카드들은 데

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

react)Fetch함수를 이용한 소통

fetch함수 목데이터 과제를 하게 되면서 fetch함수에 대해 알게 되었다.

2021년 4월 7일
·
0개의 댓글

react) map 함수 적용시 key props를 부여하는 이유

we code 리액트 미션 5를 수행하기 이전에 미션 4를 진행하면서 map에 대해 잘 모르고 있다고 생각하였고 미션 5를 진행하면서 map에의 활용 법에 대해서도 다시한번 생각해 보는 계기가 되었다.

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

react ) 리액트 댓글 기능과 enter로 등록하기 .map사용

이번 과제는 미리 만들어둔 클론 인스타그램 페이지에 댓글 기능을 구현하는 것.

2021년 4월 3일
·
0개의 댓글

TIL27)react (state,props,event )

react 를 사용하기 위해 먼저 import를 사용합니다. 위 코드와 아래 코드 뜻은 같습니다.

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

TIL 26)React 2 Router,Sass

한개의 웹페이지 안에서 여러개의 페이지를 보여주기 위해서 react에서 Routing을 사용한다.

2021년 3월 30일
·
0개의 댓글

TIL 25) 코드 카타 정수 reverse

코드 카타 2일차. 코드 카타는 알고리즘 문제를 풀면서 컴퓨팅 사고와 문제 해결 역량을 기르는 데 도움이 된다. 또한 코딩 테스트를 풀기 위한 역량도 기를 수 있다.코딩 테스트는 문제를 이해한게 맞는지의 이해력 능력과 문제 해결 능력을 파악한다. 코딩 테스트는 Driv

2021년 3월 30일
·
0개의 댓글

TIL)24 React intro(react 기본 정리)

규모가 커지고 복잡한 애플리케이션을 개발하며 생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지 보수를 더욱 편리하게 하기 위해 다양한 Frontend Framework(Library)가 등장하게 된다.

2021년 3월 29일
·
0개의 댓글