2021.03.15 ~ 2021.04.07프론트앤드는 리액트, 백앤드는 루비온레일즈를 사용하여 상품리스트, 상세페이지, 찜리스트, 장바구니가 있는 쇼핑몰 웹앱 구현하기React.jsFramework7Tailwind CSSRubyOnRailsUseEffect는 categ

이번 프로젝트를 하면서 웹앱의 특성상 history.push를 하면서 다른 페이지로 안넘어가고 탭을 이용해서 넘어가기 때문에 상품리스트에서 상품을 담고 장바구니 탭으로 넘어가면 바로 업데이트가 안되어있고 새로고침을 해야 장바구니가 업데이트되는 문제를 경험했다. 물론 f

2020년에 소개된 Facebook에서 실험용으로 만든 React 상태 관리 라이브러리Recoil은 state를 업데이트할때 공통 부모로 상태를 계속 끌어올리면서 너무 큰 dom tree가 계속해서 re-render 되고 상태가 만들어지고 리덕스를 사용하는 유저들의 불

Class는 객체다Instance는 객체다Class는 자신만의 메소드가 있으며 독립적이다. 인스턴스와 이런것들을 나누지 않는다.함수를 선언할때는 def 함수명으로 선언한다클래스에 정의된 메소드class로 시작하여 end로 끝난다앞에 self를 붙여줄수 있다@@으로 시작

rake db:migrate라는 명령어를 실행하면 schema.rb에 내가 만든 db 테이블들이 다음과 같이 migrate 된다.schema.rb를 확인해보면 현재 어떤 파일들까지 migrate 되었는지 확인할수 있다. 이제 테이블들을 다 schema.rb 파일에

이제 3개월차부턴 기업협업이 시작되었다. 나는 인썸니아라는 웹서비스 및 보바일앱 개발을 하는 스타트업 회사로 가게되었다. 인썸니아는 풀스택개발자들을 지향하고 개인프로젝트로 진행되기때문에 여기서 한달만 일해도 정말 많은것을 배울수 있을것 같았다.인썸니아에서 우리에게 주어

이번 프로젝트를 하면서 useParams()와 useLocation()을 활용을 많이했었다.useParams() 와 useLocation() 공식문서클래스형에서는 match, location, history에 접근하려면 withRouter HOC로 감싸줘야했지만 use

이번 2차 프로젝트때 처음으로 시도해본 카카오 소셜 로그인! 프론트앤드 <-> 백앤드 뿐만 아니라 카카오까지 연결을 시도를 해야하는거여서 낯설었지만 재밌었다 ㅋㅋ먼저 카카오 developers을 통해 localhost:3000을 등록하고 JS Key를 발급 받는다

지난 3월 2일 화요일부터 3월 12일 금요일까지 진행했던 2차 프로젝트 - StockX 클론코딩이 무사히 끝났다. 이번에는 1차때 안썼던 함수형 hooks와 styled components를 쓰게 되어서 새로운 기능들로 구현해야하니깐 최대한 현실적으로 목표를 잡자!

prices는 배열이며, 각 요소는 매일의 주식 가격입니다.만약 한 번만 거래할 수 있다면 = 사고 팔 수 있다면,제일 큰 이익은 얼마일까요?설명: 2일(가격=1)에 샀다가 5일(가격=6)에 사는 것이 6-1이라 제일 큰 수익7-1=6 은 안 되는거 아시죠? 먼저 사야

양수 N을 이진법으로 바꿨을 때, 연속으로 이어지는 0 중에서 가장 큰 값을 return해 주세요.이어지는 0은 1과 1사이에 있는 것을 의미합니다.1과 1사이에 있는 0을 binary gap 이라고 하겠습니다.설명: 9의 이진수는 1001 입니다. 1과 1사이에 있는

지난 2월 15일 월요일부터 2월 26일 금요일까지 진행했던 1차 프로젝트 - 배민문방구 클론코딩이 무사히 끝났다. 위코드에 다니기전에는 정말 코딩에 대해서 1도.. 단 1도 모르던 내가 6주만에 한 사이트를 통째로 클론코딩하는 프로젝트를 할수있을것이라고 생각치도 못했

솔직히 마이페이지... 처음에는 정말 추가구현 of 추가구현이라고 생각했는데 하다보니 욕심나고 왠지 할수 있을것 같은 생각이 들고, 생각보다 필수구현이 일찍 끝나서 더 욕심내서 구현해보았다. 이백문방구의 마이페이지의 주문목록 페이지다. 위에 header와 옆에 메뉴탭

개인적으로 이번 프로젝트를 진행하면서 가장 힘들었던 파트를 고르라면 장바구니였다. 생각보다 생각해야할게 너무 많았고 체크박스 구현을 얕봤다가 큰코 다쳤다...😭 이거 구현 안해본 사람은 모른다.. 체크박스가 진짜 생각보다 너무 복잡하다... 분명 내가 구현한게 가장

재귀를 사용하여 팩토리얼(factorial)을 구하는 함수를 구현해주세요.팩토리얼이란 1에서부터 n까지의 정수를 모두 곱한것을 말합니다....로딩이 안된다...왜냐..! n이 끝나는 지점을 안정해줘서!n=0이면 끝나\~~ 라고 지정해줬더니 👍 성공 👍

주어진 숫자 배열에서, 0을 배열의 마지막쪽으로 이동시켜주세요.원래 있던 숫자의 순서는 바꾸지 말아주세요.(새로운 배열을 생성해서는 안 됩니다.)응 안돼 ,,,, 돌아가,,,, 배열안에 0이 하나인경우는 가능하지만 0이 뜨는 순간 끝나버려서 0이 두개이상일 경우 for

메인을 맡으면서 자연스럽게 Nav Bar와 Footer까지 만들게 되었다. 사실 Nav Bar 같은 경우 아직 링크를 건게 아니기 때문에 기능 구현을 지금 당장 할수있는건 없었지만 도전해보고 싶었던 '스크롤을 내리면 위로 쭉 올라가는 nav bar'를 만들수있었다.🔎

2월 15일 월요일부터 시작된 1차 프로젝트 배민문방구~ 지금까지 기능 및 UI 구현한것들을 정리해보았다.🔎 실제 메인페이지배민문방구의 UI는 심플하고 화려한 hover효과 같은게 없었다. 항상 설치해서 쓰고 싶었던 react-slick을 이용하여 슬라이드를 구현했다

1년전 나의 상황🎈 2020년 2월에 나는 몇년간 미루던 이직준비를 열심히해서 다른주! 다른회사!로부터 인터뷰 제의를 받고 열심히 인터뷰 준비중이였다. 그러다가 3월에 미국내 코로나가 아주 심각해지면서 모든 회사의 채용절차가 STOP⛔ 인터뷰 3번 해놓고 마지막 현장

문제 설명 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한사항 N의 범위 : 100,000,000 이하의 자연수 입출력 예 나의 풀이 와~ 한줄만에 끝냈다🥳 다른 사람의 풀이를 보고 리뷰 ` 처음 받은 ...