profile
블로그 이전했습니다 🚚 "https://ksy4568.github.io"
post-thumbnail

We-record 🔥

A-Z까지 모두 경험했던 We-record 프로젝트!!목차A-Z까지( - 위대한(?) 첫걸음( - we-record의 탄생( - Blocker...(벌써...?)( - 중간 점검( - 본격적인 개발( - 내가 맡은 Task( - 각 페

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

2차 프로젝트 CREAM

Wecode 부트캠프에서 진행한 프로젝트 CREAM에 대한 회고록입니다.목차근황( - Project CREAM( - 기획하는 단계( - 프로젝트 설명( - 마치며...(2차 프로젝트를 마무리하고 약 한달 반이 지났다. 그동안은 Velog를 이용해왔지만 '나만의

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

팀 프로젝트 WIKEA (2)

처음으로 팀을 구성하여 이런저런 일들이 많았기에 질 좋은 코드를 구현하지는 못했던 것 같다. 그래서 이번에는 함께 사용하고자 했던 컴포넌트들을 소개하고 데이터를 받는 경로에 대해 이야기하고자 한다.product card는 상품 리스트 페이지 뿐만 아니라 메인 페이지의

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

팀 프로젝트 WIKEA

👥 첫 팀 프로젝트!!🚌 기간 : 5월 10일 ~ 5월 21일 (약 2주)처음으로 Front 4분과 Back 2분과 함께 IKEA 웹페이지를 클로닝하였다😎이전에는 인스타그램 웹페이지를 혼자 클로닝하였다면, 이번에는 팀원을 구성하여 함께 웹페이지를 구현하는 것이 목

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

WeCode 1-4주(Instagram-cloneCoding)

4주간의 사전스터디 이후로 본격적인 Wecode 시작!이후로 정신없는 4주가 흘러간다..😂🎈 사전스터디 때 공부했던 HTML과 CSS, JavaScript를 다시 돌아보는 시간이었다. HTML과 CSS는 그럭저럭 잘 넘어갔지만, JavaScript의 기초문법을 활용

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

TIL 42. CodeKata - array 과반수

📌 문제풀이 1 > 숫자로 이루어진 배열인 nums를 인자로 전달한다. 숫자 중에서 과반수가 넘은 숫자를 반환하라. ex) nums = [3, 2, 3] => return 3 nums = [2, 2, 1, 1, 1, 2, 2] => return 2 🎈 가정 : n

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

TIL 41. React - value 넣기 & validation

(1)에서는 아이디와 비밀번호의 value를 넣을 비어있는 state를 만든다.(2)에서는 이벤트가 일어나는 input의 value값을 state에 있는 id, pw에 할당하는 함수를 만들었다. (tg.name)에서 을 사용한 이유는 각 input마다 name값을 주

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

TIL 40. React (key)

보통 반복되는 element list들을 React에서는 map을 사용하여 state의 값을 가지고 오는 것과 동시에 state의 정보를 element list에 넣어 반환할 수 있다.하지만 JavaScript에서는 단순히 map을 사용 가능하지만, React에서는 반

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

TIL 39. Git&Github 사용법

컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간의 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템보통 git은 Local과 Remote로 공간을 나눈다. Local 상에 있는 파일들을 먼저 원하는 순간마다 기억하게 할 수 있는 git commit,

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

TIL 38. CodeKata(Reverse Number(2))

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환하시오.num: 숫자return: true or false(뒤집은 모양이 num과 똑같은지 여부)ex) num = 123 => return false (뒤집은 모양이 321이기 때문)num

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

TIL 37. React mapping(return)

HTML, CSS, JavaScript로 만든 인스타 클론은 React로 변환하는 작업 중 난관에 부딪히게 된다...Class Component와 state를 사용하여 반복되는 UI를 map으로 한번에 뿌리는 것을 생각하고 코딩을 시작했다.State에 반복할 li ta

2021년 4월 27일
·
2개의 댓글
post-thumbnail

TIL 36. CodeKata(Reverse Number)

reverse 함수에 정수인 숫자를 인자로 받는다.그 숫자를 뒤집어서 return하시오.x: 숫자return: 뒤집어진 숫자를 반환!ex) x: 1234 => 4321x: -1234 => -4321x: 1230 => 321숫자 자체를 reverse하는 API가 있으면

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

TIL 35. React(기초)

Facebook에서 개발한 JavaScript 라이브러리이며, 사용자 인터페이스(UI)를 만들기 위한 기술이다.가상돔을 통해 이전 UI 상태를 메모리에 유지하면서 변경될 최소의 UI만 계산하는 기술이다.재활용 가능한 UI 구성단위유지보수와 가독성에 효과적이다.Funct

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

TIL 34. CodeKata(이중 for)

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

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

TIL 33. Refactoring(feeds)

📌 Refactoring (main.js) 💻 After(Before 때 commit을 미처 못했던 관계로..🥲 이렇게 commit의 중요성을 알게 되었습니다..😂) > Before와 별다른 변화는 없는 addComment 기능입니다. innerHTM >

2021년 4월 24일
·
3개의 댓글
post-thumbnail

TIL 32. Refactoring

(1) 기존에는 input들을 DOM을 사용해 각각 호출했다면, 지금은 querySelectorAll을 사용하여 login에 존재하는 input들을 Array형태로 관리하고 하는 목적으로 Refactoring해보았다.(2) querySelectorAll을 사용해 가져온

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

TIL 31. HTTP

컴퓨터와 컴퓨터 사이에서 HTML 파일을 주고 받을 수 있도록 하는 소통방식 & 약속Request / Response(요청 / 응답)컴퓨터 소통의 방법(컴퓨터와 컴퓨터, 프론트와 백앤드의 통신 방식)서버에게 특정 HTML을 요청하면, 클라이언트는 그에 대한 응답을 하는

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

TIL 30. Database

여러 사람이 공유하여 사용할 목적으로 체계화해 통합, 관리하는 데이터의 집합작성된 목록으로써 여러 응용 시스템들의 통합된 정보를 저장하여 운영할 수 있는 공용 데이터들의 묶음몇 개의 자료 파일을 조직적으로 통합하여 자료 항목의 중복을 없애고 자료를 구조화하여 기억시켜

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

TIL 29. JavaScript 문제풀이 object 접근

인자 scores는 다음과 같은 객체입니다. 객체의 요소의 갯수 및 키의 이름들은 달라질 수 있습니다. 객체의 값은 다음 9가지 문자열 중에서 하나를 가지고 있습니다.'A+', 'A', 'B+', 'B', 'C+', 'C', 'D+', 'D', 'F'인자 require

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

TIL 28. JavaScript - for...in, for...of, forEach

array 루프를 사용할 때 많이 사용하는 for(let i = 0; i < array.length; i++)구문을 대체가능하다.forEach는 array의 method 중 하나로 주어진 함수를 배열 요소 각각에 대해 실행한다.for...of는 array뿐 아니라

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