profile
Dreams come true.
post-thumbnail

[Team Project] 2차 프로젝트(KIWI MARKET) - 3

가장 기억 남는 부분은 역시나 게시글 업로드 페이지 이다.아래 코드는 글쓰기 페이지의 이미지 슬라이드 부분이다.기본적인 기능은 카메라 버튼 클릭 시 앨범에서 이미지를 선택할 수 있고,선택된 이미지들은 순서대로 버튼 오른쪽으로 사각형의 이미지로 사용자에게 보이게 된다.X

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

[Team Project] 2차 프로젝트(KIWI MARKET) - 2

PostItem은 판매글을 업로드 하는 페이지이다.여기서 어려웠던 것은 이미지 파일(URL이 아님..)을 백엔드로 보내는 것 이었는데,그 동안은 이미지를 주고 받을 때, url을 주고 받으며 통신 했지만 이번엔 실제 이미지 파일을 전송해야 해서...

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

[Team Project] 2차 프로젝트(KIWI MARKET) - 1

2차 팀 프로젝트는 React-Native로 당근마켓을 클론 하기로 했다.아직 React에서도 모르는게 많고 실력도 부족하지만 새로운 것에 도전하는 것은 항상 즐겁다고 생각하는 편이다. 그렇게 시작한 RN.... 하루종일 터미널이 피를 흘린다...ㅠㅠ

6일 전
·
0개의 댓글

특수문자 가운데점(·)

영문으로 둔상태로 option + shift + 9

2020년 12월 29일
·
0개의 댓글
post-thumbnail

[Team Project] 1차 프로젝트를 마무리하며...

wecode에서 부트캠프를 시작한지 벌써 6주가 흘렀다!!프로젝트에 대한 소개는 CrazyTrain진행기간: 2020년 12월 14일 ~ 2020년 12월 24일안녕하세요. 저희는 위코드 1차 프로젝트에서 '오늘의집'클론코딩을 하게된 폭주기관차🚄팀입니다. 오늘의집은

2020년 12월 26일
·
4개의 댓글
post-thumbnail

[React] jsx 조건부 속성

위의 코드는 을 출력하는 컴포넌트의 return 값이다. type을 props로 전달받아 type별로 다른 input 을 render하도록 구현 하고 싶었다. > ` 또는 ` 그런데 한줄 때문에 코드가 중복이 되버렸다.... 매우 불편........ㅡ,ㅡ 그래서 wecode stackoverflow를 이용해서 질문을 올렸다. 선배 개발자님의...

2020년 12월 26일
·
0개의 댓글

git merge 하기

PR을 올리고 머지가 되면 로컬의 master브랜치에서 git pull orgin master 명령어 실행리모트의 master에 맞게 로컬 master를 최신화 한다.그리고 내가 작업하던 브랜치로 이동한다.git merge master 명령어 실행내가 작업하던 브랜치에

2020년 12월 17일
·
0개의 댓글
post-thumbnail

[React] React 시작하기 - 2

이번에는 지난 포스팅에서 정리 하지 못한 component, state, props 등의 내용을 함께 설명하려고 한다.Component를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있다.개념적으로는 컴포넌트는 Javas

2020년 12월 13일
·
0개의 댓글
post-thumbnail

[React] React 시작하기 - 1

매주 주말에는 블로깅을 하려고 했지만 지난주에는 개인적인 사정(물론 변명이겠지...ㅠㅠ)으로 내용정리가 밀려버렸다.그래서 2주간의 Foundation 을 정리해 보려고 한다.Wecode에서 제공한 문서와 세션을 통해 공부하였지만, 이번에 내용 정리를 하면서 React

2020년 12월 13일
·
0개의 댓글
post-thumbnail

[React] React를 쓰는 이유는?

웹 앱(Web app)을 만들기 위해서 사용한다.다른 페이지로 넘어가거나 포스팅을 발행하거나 그런 행동을 해도 새로고침이 되지 않고 스무스하게 동작한다.모바일 앱이랑 느낌이 비슷해서 앱이라고 부른다.요즘은 굳이 필요없어도 웹앱을 자주 사용하는데, 그 이유는 아래와 같다

2020년 11월 30일
·
0개의 댓글
post-thumbnail

[Project] instagram clone coding

인스타그램 클론 결과물 우선 내가 클론한 인스타그램 결과물이다. 100% 똑같이 만들진 않았고 최대한 비슷하게 만들어 보려고 노력했다. 실제 인스타 그램 ID가 노출된 제 친구들과 위코드 15기 박채훈님.ㅋㅋㅋ 채훈님이 본인 블로그에 제 실명 언급하셨대서 저도 언급

2020년 11월 28일
·
0개의 댓글
post-thumbnail

[프로그래머스 Level1] 모의고사

프로그래머스 Level1 모의고사수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다.1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4

2020년 11월 23일
·
0개의 댓글
post-thumbnail

[프로그래머스 Level 1] 두개 뽑아서 더하기

프로그래머스 Level 1 두개 뽑아서 더하기정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요.1차로 제

2020년 11월 22일
·
0개의 댓글
post-thumbnail

Spread syntax (...)

구글링을 하다보면 자바스크립트 코드에 ... 기호를 볼수 있다.스프레드 문법이라는 것인데 여러가지로 유용하게 쓰일 것 같아서 정리해본다.기본적으로 스프레드 문법은 대상을 각 요소로 분리 시킨다.아래와 같은 용도로 많이 사용된다.

2020년 11월 22일
·
0개의 댓글
post-thumbnail

Array.prototype.reduce()

reduce()이해를 위해서 예제를 만들어 풀어보았다.과목명을 요소로 가지는 배열이 있다.(중복된 값이 있다.)과목명을 객체의 key값으로 가지는 객체를 만들어라. (value는 임시 값으로 0입력)reduce()메서드는 활용하기에 따라 엄청난 기능이 될것같다.

2020년 11월 20일
·
0개의 댓글
post-thumbnail

[TIL] 값을 치환하는 조건을 객체를 이용해서 변경하는 방법 🙄

ex) '인지발달심리학': 'A+' => '인지발달심리학': 4.5switch문을 이용해서 문제를 풀었다. 이렇게 하니 코드 길이가 상당히 길어져 버렸다...자바스크립트를 공부한지 얼마 되지 않아 문제를 해결하는 것에만 급급했는데, 생각해보니 해당 문제가 Object(

2020년 11월 19일
·
0개의 댓글
post-thumbnail

float

특정 요소를 떠있게, 흐르도록, 부유하게 하도록 하는 속성float 속성을 사용해 박스를 왼쪽, 오른쪽 으로 "부유"시키는 레이아웃 기법"부유하다"라는 의미는 기본적인 배치 흐름에서 벗어나 요소의 모서리가 페이지의 왼쪽이나 오른쪽으로 이동하는 것을 말한다.left왼쪽방

2020년 11월 17일
·
0개의 댓글
post-thumbnail

inline, block, inline-block

HTML요소는 "인라인" 요소와 "블록 레벨" 요소로 구분된다.컨텐츠의 크기만큼만 공간을 차지하고 줄바꿈을 하지 않는다.가로세로의 크기를 임의로 지정할수 없고, 그 크기는 오로지 컨텐츠에 의해서 결정된다.대표적인 inline요소로는 <span>이 있다.다른 여러

2020년 11월 17일
·
0개의 댓글
post-thumbnail

position 속성

문서 상에 요소를 배치하는 방법을 지정한다.top, right, bottom, left속성이 요소를 배치할 최종 위치를 결정한다.출처: MDN-Position요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right, bottom, left

2020년 11월 17일
·
0개의 댓글