profile
프론트엔드 개발자를 꿈꿉니다!

위코드 수료 회고

위코드를 등록하기 전에 많은 부트캠프를 찾아보았습니다. 제가 부트캠프를 찾으려는 기준은 3가지였습니다. 1\. 오프라인 2. 프론트엔드 커리큘럼 3. 후기가 많은지? 그 중에서 위코드가 가장 부합했기 때문에 위코드를 골랐습니다. 처음에는 3개월이라는 짧지만 긴 시

약 21시간 전
·
0개의 댓글
·
post-thumbnail

주말 프로그래머스!

약수는 나눴을 때 0이 되는 모든 숫자이고, 0은 더해도 소용없기 때문에 i는 1부터 시작합니다. 그리고 나눠서 0이 될 때마다 초기화된 answer에 i를 더해주면 끝!!! 수박수박이 되려면 어쨋든 문자열의 길이는 1이상이어야합니다! 그래서 i가 2로 나누어졌을 때

2022년 7월 17일
·
0개의 댓글
·

2차 프로젝트 회고

(https://ifh.cc/g/p0k9dY.jpg)👉 영상 보러가기마이라얼트립 사이트 클론 프로젝트'국내 숙소' 카테고리를 한정으로 구현하였습니다.배경으로 video태그를 사용하여 동영상 효과를 구현하였습니다.querystring을 이용해 필터링기능을 구현

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

Vue.js 입문을 해보자!

리액트도 제대로 못하는 내가,, vue라니 하지만 회사에서 요구한다면 배워야하는 것이 프로그래머의 숙명아닐까..하지만 자바스크립트가 기반으로 된 프레임워크이기 때문에 조금 할만하지 않을까 기대해보면서,,,!Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는

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

주말 프로그래머스 !!

숫자로 받은 n에 split 메소드를 사용해서 배열로 만들어주고 내림차순으로 정렬 후에 join('')을 하면 내림차순 String이 반환된다 ! 그것을 숫자로 만들어주면 완성!처음에 문자 사이의 공백을 제거하고 시작하려고 split안에 빈 string을 줬습니다.그리

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

[React] KAKAO 로그인을 REST API 방식으로 구현해보자!

우리팀은 javascript SDK 방식이 아닌, REST API 방식으로 구현하기로 했기 때문에 REST API로 구현하기로 했습니다.https://developers.kakao.com/docs/latest/ko/getting-started/app일단 웹사이

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

Git rebase에 대해서 알아보자!

😲Git rebase에 대해서 알아보자! > 2차프로젝트를 진행하기 전, 1차에선 git merge를 통해서 브랜치들을 통합했다. 근데 2차 때는 git rebase를 사용하여 프로젝트를 진행한다고한다! 그럼 왜 merge를 안쓰고 rebase를 사용하는지, 무엇인

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

Redux 맛보기!!!

redux 맛보기!

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

주말 프로그래머스!!

제한 조건n은 10,000,000,000이하인 자연수입니다.입출력 예n return12345 5,4,3,2,1function solution(arr) { var answer = \[]; if(arr.length <=1){ return -1; }e

2022년 7월 3일
·
0개의 댓글
·

1차 프로젝트 회고록

2주간의 프로젝트를 마치며 어떤 것을 하려고했고, 어떤 일들이 있었으며 결과는 어땠고, 내 생각은 어땠는지 적어보려고합니다.저희팀은 https://drop.com/all-communities/dropsDrop이라는 사이트를 선택받아서 진행하려고했고 , 어떤 사

2022년 7월 3일
·
0개의 댓글
·

State를 하나로 합치는법?

React 프로젝트를 하다보면 회원가입같은 기능을 구현할 때가 많습니다.그때는 보통 state를 id,pw 두 개를 따로 놓고 사용하는 경우가 많더라고요. 저도 그렇게 만들었었습니다. 그래서 state의 초기값을 0이나 빈 string 을 선언하는 경우가 많았는데 id

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

Restful API ? 그게 뭔데?

Restful API ? 그게 뭔데? ✨ 들어보기는 많이 들어봤을 것이다. Restful... Restful... Rest하는 무언가 형용사란 뜻인데.. 그럼 REST하다는 것이 무엇인지 부터 알아보자! REST? 우선 REST 부터 알아봅시다! REST(REpres

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

React Routing에 관하여(1)

😮Routing 이란 무엇인가? 라우팅 이란, 다른 경로(url 주소)에 따라 다른 View(화면)를 보여주는 것 리액트에서는 어떻게 사용될까? 리액트는 SPA (Single Page Application) 방식 기존 웹 페이지 처럼(MPA 방식) 여러개의 페이지

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

state,props,useEffect를 이용해서 카드를 움직여보자! (monster)

본격적인 프로젝트 들어가기 전에 react에서 가장 기초적이고 중요한 state, props, useEffect를 이용해서 간단한 미션을 해보고자 했다!위의 미션을 성공하면 아래 사진과 같은 결과물이 나옵니다.input에다가 카드에 해당하는 이름을 쓰면 카드가 나옵니다

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

fetch를 이용해서 백엔드와 소통을 해보자!

전에 만들었던 Westagram 코드로 fetch를 통해서 백엔드에서 주는 데이터를 가지고 구현해보기로 하였다!그럼 일단?Fetch는 HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공하고, Fetc

2022년 6월 15일
·
1개의 댓글
·

async, await 어떻게 사용하는걸까?

💫async, await을 알기전에 먼저 Promise라는 객체를 먼저 알아햐합니다. 그렇다면 Promise란 뭘까요? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고

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

React로 id와 password 확인하기!

사용자 입력 데이터를 저장하는 것.입력받은 데이터를 기반으로 로그인 버튼을 활성화 시키는 것.메인 페이지의 댓글 창에 엔터를 누르거나 버튼을 눌렀을 때 댓글이 추가되는 것이 것들 입니다.ID input 에서 onChange event 발생event 발생 시 handle

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

코드 카타를 부셔보자!💥

전에도 이러한 게시물이 있지만 더욱 필요한 것 같아서 코딩테스트에 필요한 메소드를 정리해보았다!!! 승리를위해서.. 몇번씩 머리로 정리해서 필요할 때 적재적소에 이용해보도록하자!

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

React 기초인 Component,JSX,State를 알아보자

State를 알려드리기 전에 일단 리액트가 무엇인지부터 알아야합니다. 리액트란..? 리액트는 UI 자바스크립트 라이브러리로써 싱글 페이지 애플리케이션의 UI(User Interface)를 생성하는데 집중한 라이브러리입니다. 리액트는 자바스크립트에 HTML을 포함하는

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

TIL 오늘 내가 헷갈린 문제.. (feat.sort())

문제는 무엇이였냐면?!find_longest_word 함수를 만들어 주세요.주어진 리스트안에 있는 단어중 가장 긴 단어를 찾을수 있도록 함수를 완성해주세요.console.log(find_longest_word("PHP", "Exercises", "Backend")) /

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