본문 바로가기

전체 글

코드스테이츠 FE 45기 2023. 9. 20. 메인 프로젝트 회고 https://github.com/jerimy321/seb45_main_010 GitHub - jerimy321/seb45_main_010 Contribute to jerimy321/seb45_main_010 development by creating an account on GitHub. github.com * 가장 큰 후회점 => 소통과 계획 소통 1. 백엔드와의 소통 : 데이터테이블의 구조, 데이터를 주고받는 방식, 데이터의 이름설정 2. 프론트와의 소통 : 데이터 흐름과 구조에 대한 논의가 부족했다. 전역 상태관리가 필요한지 여부 체크 X, 이에 따라 각각 따로 전역 상태관리를 하면서, 예기치 못한 이슈가 발생했을때 이를 다른 팀원과 공유해도 코드흐름을 이해하는데 어려움이 있다. 어떤 방식으로 코..
코드스테이츠 FE 45기 2023. 8. 23. Pre-Poject 회고 드디어 프로젝트가 끝났따 처음엔 어찌해야 할지 몰라서 당황했고, 그래도 막상 할 일 찾고 하다보니 재밌기도 했고, 그러다 협업의 어려움을 깨닫고, 그래도 어찌저찌 해결해보려다~ 끝나버렸다~ 이번 프로젝트 동안 해볼만 해서 했고, 후회 없는 작업 1. 피그마로 디자인 시스템 해보기 공부하는 동안엔 '이런 노가다를 왜 해야 하지..?' 싶었는데, 직접 큰 그림을 그려보고, global token도 발행해보고(하지만 잘 쓰이지 않았다고 한다...) 그런 경험은 뜻깊다 싶었다. 물론 처음 플젝에 적용해본 것이기 때문에 부족한 점도, 시간이 너무 걸린다는 점도 플젝에 단점으로 작용했지만 다음 번엔 이 경험을 바탕 삼아 더 잘해볼 수 있지 않을까? 2. redux tookit 사용해보기 사실 첨 기술스택 정할땐 내..
CSS 2023. 8. 18. SVG 파일 React & Styled-components 환경에서 수정하기 svg 파일은 기본적으로 이렇게 생겼다 직접 페이지나 컴포넌트에 넣어 수정해도 되지만 그러면 코드가 좀 지저분해 보여서 svg를 컴포넌트화 했다. //StylingIcon.jsx import { ReactComponent as plusIcon } from '../assets/Image/icons8_plus.svg'; import { ReactComponent as minusIcon } from '../assets/Image/icons8_minus.svg'; import { styled, css } from 'styled-components'; const StylingIcon = ({ height, color, hoverColor }) => { return css` height: ${height || '5..
Section 4 기술 면접 준비
코드스테이츠 FE 45기 2023. 8. 3. Section 4 기술 면접 준비 Section 4 기술 면접 준비 Hoisting과 Temporal Dead Zone 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. 즉, 변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 끌어올려서, 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있도록 하는 자바스크립트 고유의 특징이라고 할 수 있습니다. 이 호이스팅은 변수와 함수의 선언과 관련되어 나타납니다. 다만 let과 const 로 선언된 변수의 경우에는 Temporal Dead Zone, 즉 일시적 사각지대라는 현상이 나타납니다. 이 현상은 변수의 생성과정과 관련되어 있는데요. 변수는 3단계를 거쳐 생성됩니다. 각각 선언 - 초기화 - 할당 단계입니다. ..
[Queue] 박스포장
Daily Coding 2023. 7. 7. [Queue] 박스포장 [Queue] 박스포장 function paveBox(boxes) { let result = []; while ( boxes.length > 0 ) { // 먼저 배열의 첫번째 수와 다른 인덱스 들의 크기를 비교한다 let finishIndex = boxes.findIndex(i => boxes[0] < i ); // 만약 boxes[0]보다 큰 인덱스가 없다면, finishIndex 는 -1 이 된다. if (finishIndex === -1) { //boxes[0]가 포장할때까지 다른 배열 모두가 기다렸다 나가는 경우이므로, //배열 전체의 수가 결과가 된다. 배열의 전체길이를 result 에 넣고, 배열을 비워주면 while 조건문은 멈춘다. result.push(boxes.length); boxe..
Section 3 회고
코드스테이츠 FE 45기 2023. 7. 6. Section 3 회고 Section 3 회고 목표상기 부트캠프 들어올때부터 지금까지 나의 목표는 하나.. 올해 안에 취업해서 개발자로서의 커리어 시작하기. 일단 취업해서 더 배우고 경력을 쌓고 그게 경쟁력이 되어 돌아오면 그때 장기목표인 해외 취업을 준비하기. KEEP / PROBLEM KEEP keep에 쓸게 없다! 그래도 꼽아보자면 페어활동이나 소그룹활동이 좋다는 것? 좀 더 적극적으로 참여하게 됐다는 것? 처음엔 낯선사람과 몇시간 동안 같이 이야기 해야 한다는 게 힘들었는데, 섹션 3까지 오고나니 직접 얼굴 본 사람은 한명도 없는데도 불구하고 부트캠프 수강생분들하고 강사분들한테 혼자 내적친밀감이 쌓인 것 같다.. 앞으로도 계속 긍정적으로, 최대한 사교적으로 활동을 하고 싶다. PROBLEM 1. 블로깅을 주 3회 하기로..

티스토리툴바