이영's 개발로그

이영's 개발로그

  • 분류 전체보기 (42)
    • 글 (4)
      • 개발 (1)
      • soft skill (1)
    • 자바스크립트 (4)
      • TypeScript (1)
      • 알고리즘 (2)
      • 기본 (1)
    • 프론트엔드 (15)
      • ReactJS (5)
      • ReduxJS (2)
    • 테스트 (0)
    • CS (5)
      • 네트워크 (5)
    • 기타 (2)
      • TIP (0)
  • 홈
RSS 피드
로그인
로그아웃 글쓰기 관리

이영's 개발로그

컨텐츠 검색

태그

상태관리 frontend 토큰 js Redux 네트워크 프론트 SSR 보안 MPA TCP 브라우저 로그인 원티드 프리온보딩 프로토콜 리액트 Spa 렌더링 프론트엔드 react

최근글

댓글

공지사항

아카이브

분류 전체보기(42)

  • 리펙토링부터 검색어 추천 기능 및 무한 스크롤 기능 구현 하기

    기업 과제를 진행하면서 배운 내용들을 과제에 적용해보았다. 깃허브 링크 : https://github.com/wanted-frontedend-team5/pre-onboarding-10th-4-5 리팩토링 1. Js → Ts로 migration 타입스크립트 도입 이유 타입을 정적으로 제한하여 더 안정적이고 예측 가능한 코드 작성이 가능 컴파일 시간에 타입 오류를 확인함으로써 버그를 사전에 찾아 생산성 향상 및 유지보수가 용이함 의존성 설치 react/typescript 개발에 필요한 의존성 추가 "devDependencies": { "@types/react": "^18.2.6", "@types/react-dom": "^18.2.4", "typescript": "^5.0.4" } tsconfig.json 추..

    2023.05.18
  • React Redux 파헤치기

    Design Pattern 디자인패턴 : 소프트웨어를 설계하면서 자주 발생하는 문제에대한 모범답안 애플리케이션 전체를 다루기 위한 디자인 패턴들은 통상 여러 작은 범위의 디자인 패턴들을 함께 사용해서 만들어지기에 복합패턴이라고도 부름. → 그 중 모든 복합 패턴의 근간이라고 부를수 있는 패턴은 mvc 패턴 MVC MVC 패턴은 애플리케이션을 Model, View, Controller 세가지 구성요소로 나눠서 설계하는 패턴입니다. 구성요소들의 역할은 아래와 같습니다. Model: 데이터의 형태를 정의하고, 데이터를 수정하는 역할을 담당 Controller: 유저의 입력을 받아서 애플리케이션 내에서 어떻게 처리할지 판단 및 가공해서 모델 또는 뷰를 조작 View: 모델을 UI로 표현, 사용자의 입력을 받아서..

    2023.05.18
  • 컴포넌트 작성 피드백 및 리액트에서 렌더링 및 UseEffect 파해치기

    컴포넌트 작성 피드백 코드/함수는 단순하고 한가지 일만 해야한다. 컴포넌트가 한가지 일만 하게..? 조건식 단순하게 만들기 분기가 생기는 순간 코드 읽기가 복잡해진다. → 최대한 보기 좋게 처리하는것이 좋다. 내가 처리하기 제일 편한 자료구조를 가져오는것이 기본 → 웬만하면 자료구조 선에서 처리되는게 훨씬 좋다. https://medium.com/javascript-scene/nested-ternaries-are-great-361bddd0f340 컴포넌트가 너무 많은 요소들에 의존하고 있음 컴포넌트의 해야하는 역할을 잘 생각해보자 한 컴포넌트가 2가지 일을 처리하고 있는건 아닌지 생각을 해보자 컴포넌트에 의존되는 값이 있는지 잘 생각해보고 거기에 예상되는 효과가 있는지 잘 생각해보기 자주 쓰는 strin..

    2023.05.18
  • 프론트엔드 개발자도 알면 좋은 지식 Infra

    서버와 클라우드 컴퓨팅 그리고 AWS 서버 무언가를 제공해주는 사람이나 물건 it 업계 : 무언가를 제공해 주는 컴퓨터. 서버는 물리적인 실체가 있는 컴퓨터이다. 컴퓨터는 하드웨어이고, 각각 구성품에 사양을 가지고 있음. 서버가 받아들일 수 없는 성능을 요구하게 되면 서버가 터지게 된다. 서버를 운영하는 방법 온프레미스 (On-promise) 서버에 필요한 물리적인 공간, 컴퓨터, 제반시설등을 직접 구축해서 활용함 전통적인 방식, 직접 모니터링 전문인력들이 직접 하드웨어를 구입하고 제반시설을 구축해야 한다. ⚠️why! 급변하는 소프트웨어에 맞춰서 유지보수하기 어렵다는 단점으로 인해 많은 기업들이 현재는 온 프로미스 방식을 벗어나서 클라우드 컴퓨팅 기반의 환경으로 변경하고 있음. 클라우드 컴퓨팅 (clo..

    2023.05.18
  • 개발자의 기본 협업

    사전과제 피드백 원티드 프리온보딩 인턴쉽을 수강하기 위해 진행했던 사전과제의 피드백입니다. 과제의 분석 과제의 주제 Simple 인증 / 인가 Simple CRUD 과제에서 파악하고자 한 것 : 출제자의 의도 기본적인 형태의 서비스를 만들 수 있는가? 코드 스타일은 어떤가? 프로젝트 구조를 어떻게 설계 했는가? 과제를 수행하는 기본적인 태도 README.md 잘 작성되었는가? Git활용은 잘 했는가? 코드 분석 ← 무조건 기업들이 보는것들 코드의 가독성 컴포넌트가 잘 분리되었는가? 컴포넌트를 논리적인 단위로 분해 했는가? 컴포넌트의 쓰임 컴포넌트의 역할과 책임 관심사가 잘 분리되엇는가? 반복되는 코드들 : 추상화하고 분리했는가? 프로젝트의 아키텍쳐는 어떻게 설계 되었는가? 과제의 목표 ? 과제의 목표는 ..

    2023.05.18
  • 5.1 think

    원티드 프리온보딩 프론트엔드 인턴쉽- 4월 교육이란것이 있어서 들어가 보았다. 기업과 연계해서 과제를 내주는 인턴쉽을 해주는 모양이다. 뭐, 현재 이력서를 주구장창 내지만 불합격만 떨어지는 이 상황에서 벗어날 구멍이라고 판단해서, 사전과제를 있는 힘껏 해서 제출했는데, 벌써 합격 하고 1주차가 지났다! 1주차에는 팀과 협업하는 내용과 사전과제를 실제 그 프로젝트 협업 설정에 맞춰서 하는 과제 였는데, 확실히 7-8명( 계속 변동되는 ?! )을 컨트롤 하기는 힘들어 보였다. 근데 그 힘든 팀장 자리를 내가 맡았다.ㅇㅇ 난 짱 멋지니까. 나름 리더쉽을 발동 시켜, 회의 진행도 하고, 문서작성에 회의록 작성 등등,,, 일을 도맡아서 하는 중인데, 딱히 손해라고 생각은 들지 않는다. 이것은 인턴쉽 교육이고, 여..

    2023.05.01
이전
1 2 3 4 5 6 7
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.