profile
Hello World!

[코드 일지] filter/동적라우팅 실습 과제

filter 조건 - 가격 낮은 순서 / 별점 높은 순서 / 할인률 높은 순서sort함수를 사용할 때, a-b : 오름차순, b-a : 내림차순으로 정렬된다.=> 반환값<0 이면 a가 b보다 먼저, 반환값 >0이면 b가 a보다 먼저 오도록 sort되기 때문동적라우

2023년 6월 27일
·
0개의 댓글
·

[팀 프로젝트] 1차 팀 프로젝트 회고_배민문방구 클론코딩

잘한 점 GOOGLE SHEETS 도입 (with TRELLO)첫번째 스프린트를 진행하면서 TRELLO만으로는 각 카드별 세부 업무에 대한 진척도를 파악하는데 어려움이 있다고 판단해 추가로 팀원별, 카드별 세부 항목에 대해 확인할 수 있는 구글 시트를 작성하여 도입하였

2023년 6월 12일
·
0개의 댓글
·

[팀 프로젝트] 1차 팀 프로젝트 일지_배민문방구 클론코딩

배민문방구 클론 프로젝트 [프로젝트 개요] https://github.com/wecode-bootcamp-korea/46-1st-WePet-frontend 1. 개발 기간 : 2023/5/26 ~ 2023/6/9 2. 개발 인원 : 프론트엔드 3명, 백엔드 2명 3.

2023년 6월 11일
·
0개의 댓글
·

[클론코딩] 인스타그램 클론코딩_React (Mock data 도입에 따른 코드 수정)

기존에 한 개 피드 기준으로 작성하였던 코드를 Mock data와 map 메서드를 도입하여 여러 피드 컴포넌트로 생성되게 작성하니 하나의 피드에서 작성한 댓글이 모든 피드에 반영되는 문제가 있었다. 기존 코드 (기존) 댓글에 대한 일괄 state 관리 (기존) 각

2023년 5월 25일
·
0개의 댓글
·

[Code Kata] 2. 로마자에서 숫자로 바꾸기

1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환하기로마자를 숫자로 읽는 방법 - 로마자를 왼쪽부터 차례대로 더하기III = 3 / XII = 12 / XXVII = 27그러나 4를 표현할 때는 IIII가 아니라 IV로, 뒤의 숫자에서 앞의 숫자를

2023년 5월 24일
·
0개의 댓글
·

[Code Review] 03. React 실습 과제_코드 관련 (구조 분해 할당)

HTML -> REACT 로 migration 하면서 기존에 JS로 구현했던 많은 기능들을 동일한 방식으로 작성이 어려워졌다.

2023년 5월 22일
·
0개의 댓글
·
post-thumbnail

[Code Review] 02. React 실습 과제_가독성 관련

최종 구현 페이지 코드 리뷰 내용 컴포넌트의 CSS는 해당 컴포넌트에서 import 되어 사용하는 경우에는추가적으로 index.js에서 import할 필요 없다. [checklist] import되는 파일들 중 필요한 파일이 작성되어 있지 않은지, 한 폴더가 중복적

2023년 5월 20일
·
0개의 댓글
·

[GIT] 팀 프로젝트 초기 세팅 과정

기존에는 개인 Github repository에서만 작업을 하거나 이미 세팅이 완료되어 있는 Repository에서 git clone 후 시작했었다보니, 개발자에게 소통 능력과 협업이 중요하다는 점, 그리고 앞으로 수많은 팀 단위 개발에 Github가 중요한 역할을 한

2023년 5월 17일
·
0개의 댓글
·

[Code Kata] 1. 숫자 배열에서 특정 index 반환하기

twoSum함수에 숫자배열과 '특정 수'를 인자로 넘기면,더해서 '특정 수'가 나오는 index를 배열에 담아 return해 주세요.nums: 숫자 배열target: 두 수를 더해서 나올 수 있는 합계return: 두 수의 index를 가진 숫자 배열예를 들어,nums

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

[Git] Git & Github 명령어_협업 관련

####Branch 브랜치 독립적으로 어떤 작업을 진행하기 위한 공간의 개념으로 동시에 다양한 작업이 진행될 수 있도록 한다. 같은 프로젝트 아래에 여러 기능이 구현되어야 할 때 브랜치별로 다른 기능의 개발이 진행될 수 있다. → 이에 따라 협업 시, 먼저 메인 브

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

[Git] Git & Github 명령어_기본

Git 프로젝트 파일의 변경 사항을 추적하는 분산 버전 관리 시스템 (VCS) 프로젝트의 변경 사항을 기록하여 특정 시점의 버전으로 복구하는 것을 가능하게 하고, 프로젝트 중심으로 여러 개발자가 협업할 때는 각자의 컴퓨터에서 작업하던 다양한 버전의 파일들을 병합할 때

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

[알고리즘] 짝수의 합

2023년 4월 26일
·
0개의 댓글
·

개발자 도구 - Elements/Console/Network/Application panel

마우스 오른쪽 버튼을 눌러 '검사' 버튼크롬에서 Command/Ctrl + Shift + C 단축키 사용웹 페이지의 구성 요소(HTML, CSS 요소)들을 확인할 수 있는 패널이다.실제 적용되어 있는 코드들을 확인하고, 실제 웹페이지 데이터에는 영향을 주지 않으면서 요

2023년 4월 11일
·
0개의 댓글
·

[CSS] position 속성: static, relative, absolute, fixed

position 속성에는 static, relative, absolute, fixed, sticky이 있으며, 이 중 relative와 absolute가 많이 사용됨기본 설정값으로 되어 있으며, 별도의 위치 지정 없이 웹 페이지 상의 흐름에 따라 해당 요소가 배치된다.

2023년 4월 6일
·
0개의 댓글
·

[CSS] display 속성 - block, inline, inline-block, none

CSS로 각 요소의 속성도 변경이 가능함에 따라 interactive한 웹 구현을 위해 각 요소에 클래스를 부여하여 각 요소들의 display 속성을 바꿀 수 있다.ex) header, footer, p, li, table, div, h1 block 요소 바로 옆의 같

2023년 4월 6일
·
0개의 댓글
·

[HTML] Semantic Web, Semantic Tag_<img>태그 vs background-image 속성

※ Semantic Web and Semantic Tag § Semantic Web : Semantic Web은 '의미론적인 웹'이라는 의미로, 컴퓨터가 자체적으로 웹 상의 정보자원의 의미를 이해하고, 스스로 데이터의 통합 및 재사용 등을 수행할 수 있도록 하는 웹을

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

[WEB] 웹 서비스 주요 키워드 개념

클라이언트는 서버에 정보나 서비스를 요청하는 측을 의미하며, 서버는 정보나 서비스를 저장하고 있다가 클라이언트의 요청이 있을 때, 네트워크를 이용해 해당 데이터를 전달해주는 측 클라이언트는 사용자가 사용하는 기기의 웹 브라우저를 의미하지만, 사용자 자체나 사용자가 사용

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