반응형

[15일차] 프로젝트 시작

두번째프로젝트시작 간단하게 회원가입,로그인,CRUD와 프로필기능 정도 기능구현이필요하고, SPA 로 만들어야되는 프로젝트이다. SPA는 바닐라js로 이전에 하려다 못했던 내용이라서 많이 배울수있을거같고, 이전에 프로젝트를 진행하면서 못했던 내용들을 적용시킬수있는 경험이될것같다. 현재까지는 각자 맡은부분들을의 페이지를 구성하는것으로 하고있으며, 나는 메인페이지를 제작중에있다. 메인페이지를 제작하게되면서 알게되는점들을 다음주부터 정리하면서 할계획이다.

  • format_list_bulleted 활동/회고록
  • · 2022. 11. 20.
  • textsms

[14일차] github

프로젝트 들어가기전에 github 을 다시 리마인드하는 개념으로 공부를 진행했다. 배웠던내용이지만 아직 활용한적이없어서 정확하게 알고있지않아 금요일에 팀원과 해보면서 진행해야겠다. 전체적인 공부내용은 18일에 다같이 올릴예정이다.

  • format_list_bulleted 기타/Git
  • · 2022. 11. 18.
  • textsms

[프로그래머스] 삼총사

https://school.programmers.co.kr/learn/courses/30/lessons/131705 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 def solution(number): result = 0 num_len = len(number) for one in range(num_len-2): for two in range(one + 1, num_len-1): for t in range(two + 1, num_len): print(number[one], number[two], number[t]) if number[one] + ..

  • format_list_bulleted 알고리즘
  • · 2022. 11. 17.
  • textsms

[13일차] 리액트 HOC

HOC ? Higher-Order-Component 고차컴포넌트라 부른다. 고차컴포넌트는 컴포넌트 로직을 재사용하기위해서 사용된다. 컴포넌트를 가져와서 새컴포넌트를 반환하는 함수이다. 주의사항 render 메서드 안에서 고차 컴포넌트를 사용하면안된다. 정적 메서드는 따로 복사해야된다. ref는 전달되지않는다. 참고자료 https://velopert.com/3537 https://jeonghwan-kim.github.io/2022/05/28/react-high-order-component Controlled Component 엘리먼트를 가지고있는 컴포넌트가 관리함 대표적으로 등이있다. Uncontrolled Component 엘리먼트의 상태를 관리하지않고 , 엘리먼트의 참조만 컴포넌트가 소유 참고자료 ht..

  • format_list_bulleted 프론트엔드/React
  • · 2022. 11. 16.
  • textsms
[프로그래머스] 저주의 숫자 3

[프로그래머스] 저주의 숫자 3

나의 풀이 def solution(n): result = 0 for num in range(1, n+1): result += 1 while "3" in str(result) or result % 3 == 0 : result += 1 return result 3숫자가 포함되있거나 , 3의 배수처리만 잘하면 쉬운문제였다.

  • format_list_bulleted 알고리즘/Programmers [Level 1]
  • · 2022. 11. 16.
  • textsms
[12일차] React Component Styling

[12일차] React Component Styling

css,sass css, sass 를 리액트 create-app 에서의 import 하는 방식은 전역적으로 순서대로 불러오게된다. 여러가지 스타일 들이 순서대로 전역적으로 불러오게됨 이런전역적으로 적용되는 스타일들이 react처럼 기능별로 분리하는 성격과 맞지않는다 생각하게됬고 , 이를 보안하기위해 css module 이나 styled-components 등이 등장했다. css module, sass module ,styled-components className 의 중복을 막아주고 로직을 분리해서 재사용성을 높이고 유지보수에 용이하다는 장점이있다. react의 부모 컴포넌트의 css 가 자녀에 적용이되서 side effect 발생확률이 높아진다. 하지만 리액트처럼 기능분리가 확실치 않은 프로젝트에 경우..

  • format_list_bulleted 프론트엔드/React
  • · 2022. 11. 15.
  • textsms
반응형