profile
음악 전공 이였던 예비 프론트엔드 개발자☀️

코드카타 #23 재귀

문제 이전에 재귀에 대해 이미 배운바 있습니다. 오늘은 재귀를 사용해서 문제를 풀어주세요. str 이라는 'string'을 넘겨주면 글자순서를 바꿔서 return해주세요. reverse 메서드 사용은 당연히 금지입니다! 힌트 아래의 코드가 어색한 것은 아니겠죠? (

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

📒TIL) React 여러 인풋 편하게 관리하기

여러 인풋 관리란? 큰 틀로 보게 되면 회원가입 페이지라던가 예약 하는 페이지들을 보게 되면 인풋이나 폼 처럼 값을 입력하는 창들이 엄청나게 많이 있습니다! 그럴때 인풋을 관리하기에 어떤게 코드적으로 효율적일까에 대해 얘기를 해볼려고 합니다! State 를 하나로!

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

NoSleepPlace 팀 프로젝트 회고

NoSleepPlace 팀 프로젝트 소개 HourPlace 사이트를 어떤식으로 이름을 바꿔볼까 하다가 잠을자지 말고 만들어보자 하다 NoSleepPlace라는 팀명이 만들어 졌습니다! 📆프로젝트 기간 2021.10.18 ~ 2021.10.29 👨‍👩‍👧‍

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

📒TIL) React Hooks

지금까지 React를 class컴포넌트를 사용해 왔었는데 요번주에 Hooks을 배우게 되어 어떤 개념인지 정리할겸 글을 써볼려고합니다.공식 문서를 봐보면 아래와 같이 적혀 있습니다.Hook은 props, state, context, refs, 그리고 lifecycle와

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

코드카타 #22 버블정렬

문제 >버블 정렬은 인접한 데이터를 교환해서 정렬하는 알고리즘입니다. 알고리즘의 정렬되는 모습이 마치 거품처럼 보인다고 해서 붙여진 이름입니다. 아래와 같은 정렬되지 않은 수가 있을 때, index 0 1 부터 교환하기 시작합니다. 인접한 두 수를 비교하여 더 큰

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

📒TIL) Git Rebase 하기

Git Rebase

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

📒TIL) 저장된 JWT Token을 POST 하기

1차 프로젝트인 H&M을 클론 코딩하면서 로그인때 저장한 토큰으로 장바구니나 즐겨찾기에 접근을 할때 토큰이 필요해서 그거에 대해 간략하게 정리해 보겠습니다.먼저 로그인을 하면서 받아온 토큰을 로컬 스토리지에 저장한다.즐겨찾기에 담기 위해서는 먼저 로그인을 해야한다. 즉

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

코드카타 #21

문제

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

HandWash(H&M) 팀 프로젝트 회고

HandWash 팀 프로젝트 소개 H&M을 어떤식으로 이름을 바꿔볼까하다가 요즘 코로나 시대니까 손을 잘 씻고 다니자 라는 명분으로 패션브랜드랑은 맞지 않지만 뜻은 좋은 HandWash라는 팀 명이 만들어 졌습니다. 프로젝트 기간 2021 10월 5일 ~ 10월 1

2021년 10월 17일
·
2개의 댓글
·

코드카타 #15

재귀를 사용하여 팩토리얼factorial을 구하는 함수를 구현해주세요. 팩토리얼이란 1에서부터 n까지의 정수를 모두 곱한것을 말합니다.예시)조건문으로 n이 0이 되면 더이상 재귀를 이어나가지 않게 1을 반환하게 합니다조건문 밖에서 n 에 factorial( n - 1)

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

코드카타 #14

문제 주어진 숫자 배열에서, 0을 배열의 마지막쪽으로 이동시켜주세요. 원래 있던 숫자의 순서는 바꾸지 말아주세요. (새로운 배열을 생성해서는 안 됩니다.) Input: [0,1,0,3,12] Output: [1,3,12,0,0] 풀이 풀이 과정 반복문을 뒤에서

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

React monster 과제

componentDidMount() 메소드를 통해 라이프 사이클에 대한 이해를 높인다.fetch() 함수를 사용해 API 호출을 할 수 있다.Array.map() 함수를 통해 component를 재활용할 수 있다.props 를 사용해 단방향(부모 컴포넌트 > 자식 컴포

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

코드카타 #09

nums는 숫자로 이루어진 배열입니다. 가장 자주 등장한 숫자를 k 개수만큼 return해주세요.배열에서 같은 숫자, 글자 등 같은 값의 갯수를 서로 비교할때는 객체형이 편하므로 obj라는 빈 객체를 선언해 줍니다for in문을 돌려서 요소 하나하나를 객체의 key값과

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

📒TIL) 인증 & 인가

인증은 회원가입과 로그인을 말합니다!인증은 아이디나 이메일주소, 비밀번호 등으로 서비스를 누가 어떻게 쓰는지 확인하는 절차라고 생각하면 됩니다.인증 절차에서 가장 중요하게 생각해야 할게 비밀번호 입니다.비밀번호는 Database에 저장될때 입력한 값 그대로 저장을 하는

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

코드카타 #06

로마자에서 숫자로 바꾸기1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다.로마자를 숫자로 읽는 방법은 로마자를 왼쪽부터 차례대로 더하면 됩니다. III = 3 XII = 12 XXVII = 27

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

📒TIL) Sunstagram 로그인 페이지 구현

예전 버전인 인스타그램 로그인 페이지를 약간의 유효성 검사를 넣어서 로그인 할수 있게 구현해봤습니다. 부족하지만 코드들을 보면서 분석아닌 분석과 생각들을 적어보겠습니다. 프롤로그 1달전에 CSS와 HTML코드를 어떻게 적어야하는지도 모를때 자기소개페이지를 만들었었는데

2021년 9월 16일
·
0개의 댓글
·

코드카타 #02

문제 reverse 함수에 정수인 숫자를 인자로 받습니다. 그 숫자를 뒤집어서 return해주세요. > x: 숫자 return: 뒤집어진 숫자를 반환! 예들 들어, x: 1234 return: 4321 x: -1234 return: -4321 x: 1230 retu

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

코드카타 #01

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

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

📒TIL) 개발자 도구

오늘은 평소에는 써보지도 않았지만 프론트엔드를 공부하면서 많이 쓰게 되어 한번 정리해보고 싶어서 이렇게 글을 씁니다!오늘 설명은 Chrome 기준으로 설명 해보겠습니다개발자 도구는 브라우저에서 제공하는 하나의 도구(toll)입니다.웹사이트를 즉각적으로 수정하고 문제들이

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

📒TIL) JavaScript Dom

DOM 이란? DOM이란(Document Object Model) 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object)모델 입니다. JavaScript는 이 모델로 웹 페이지에 접근하고 페이지를 수정 할수 있습니다. 또 DOM 은 HTML과 Javasri

2021년 9월 11일
·
0개의 댓글
·