티스토리

개발자와 화가

검색하기

블로그 홈

개발자와 화가

mj73.tistory.com/m

mj73 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[메인프로젝트] Button component 구현 Modal창에 쓰일 버튼 컴포넌트 스타일을 정의해봤습니다. Figma의 오른쪽 상단에 있는 Dev Mode를 클릭해서 구현 예정인 컴포넌트의 CSS 코드를 구할 수 있었습니다. 피그마 CSS 코드 /*버튼 공통 코드*/ .custom_button { display: inline-flex; height: 50px; padding: 23px 30px; justify-content: center; align-items: center; gap: 10px; border-radius: 15px; font-weight: bold; } /*확인버튼*/ .confirm_button { background-color: #8DC693; border: none; color: white; margin-right: 20px; }.. 공감수 1 댓글수 0 2023. 8. 30.
[메인프로젝트] Redux 사용하여 NavBar 컴포넌트 구현 Redux를 사용하여 상태를 관리하는 기능을 가지고, 좌측에 위치해서 메뉴 네비게이션 바의 역할을 하는 컴포넌트를 만들어봅시다. 1. 리액트라우터 설치 npm install react-router-dom 2. 브랜치 정리 main / dev / fe / feat/NavBar 순서로 됩니다 fe에서 pull 하려면 현재 작업하던 브랜치(feat/NavBar)에서 git pull origin fe 하면 됩니다. main ㄴdev ㄴ fe | - feat/NavBar ㄴ be 3. Redux 개념 Redux를 사용하려면 redux와 @reduxjs/toolkit( 줄여서 RTK ) 패키지, 리액트에서 사용할 거라면 react-redux 패키지를 설치해야 합니다. 1) Provider 컴포넌트 리덕스 기능을 사.. 공감수 0 댓글수 0 2023. 8. 30.
[부트캠프] 코드스테이츠 FE45 Section3 회고 🌿 23/06/12 - 07/06 : Section3 🌿 사용자 친화적이고 안전한 web app을 만들 수 있다. - [자료구조/알고리즘] 재귀 - [사용자 친화 웹] UI/UX - [React] Custom Component - [React] 상태관리 - [사용자 친화 웹] 웹 표준 & 접근 - [네트워크] 심화 - [Backend] 인증 / 보안 - Coz' Mini Hackathon 코드스테이츠의 세 번째 단위기간인 Seciton3가 종료되었다. 벌써 한 달이 지났다니 믿기지가 않는다 ... ^^ ㅠ 시간이 참 빠르다. Section4가 마지막이고 이후엔 두 달동안 프로젝트를 진행하는데 벌써 프로젝트가 성큼 다가온 느낌이라 무섭다. 목표 상기 - 리액트, 타입스크립트 기술스택 사용하는 회사 취업하기.. 공감수 0 댓글수 0 2023. 7. 6.
[부트캠프] 코드스테이츠 FE45 Section2 회고 ✨ 23/05/11 - 06/08 : Section2 ✨ - [JS] 고차함수 - [JS] 객체지향 프로그래밍 - [JS/Node] 비동기 - [React] SPA, State & Props - [HTTP/Network] 기초, 실습 - [React] 클라이언트 Ajax 요청 - [Web server] node js, express js - Coz' Mini Hackathon 코드스테이츠의 두 번째 단위기간인 Seciton2가 종료되었다. 5월 내내 아파서 고생도 하고, 배우는 것도 어려운 것 투성이었는데 나름 잘 버텨준 내 자신이 너무 기특하고 고생했다. 오늘은 여러 회고 방법 중 현업에서도 활발하게 이용된다는 KPT 회고 기법으로 회고를 진행해보고자 한다. KPT를 기반으로 한 개인 회고 1. 목표 .. 공감수 0 댓글수 0 2023. 6. 8.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.