React
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 5일차 - 서비스기획3 후기스나이퍼 팩토리 2023. 6. 11. 23:48
5일차다. 역시 4일차는 휴일이였다. 1주일차 학습이 끝나간다. 추가적으로 Udemy 강의들도 들어왔는데 전부 듣고 공부하려면 시간을 착실하게 사용해야될 것 같다. 집중 집중. 오전시간에는 Git & Github 유튜브강의 링크를 제공받아 공부하였다. 이 부분은 따로 작성하자. 서비스기획3 강의 후기보단 강의 내용을 듣고 의식의 흐름대로 작성. 저번시간으로부터 궁금하거나 이해가 안가는 점을 답변해주셨다. 키워드. 마인드맵 질문 카페24 admin 관리자 모듈이 참고하기 좋다. 프론트를 기준으로 어드민은 어느정도 해야하냐 마인드맵에서 어드민이 나왔지만 예측불과한 곳이 있다. 이런건 카페24에서 사전학습 가능. 한가지 팁으로는 깊은단계 넓은 단계까지 마인드맵으로 설계를 해두는 것이 좋다. 어차피 생각해야하는..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 3일차 - 서비스기획2 강의 후기스나이퍼 팩토리 2023. 6. 7. 17:20
2일차는 휴일이였다. 그래서 그런지 3일차가 순식간에 돌아온 느낌. 집중해서 내 시간을 제대로 챙기지 않는다면 10주는 금방 지나갈 것이다. 집중하자. 서비스기획2 강의 UML을 통한 서비스 흐름 잡기 UML이란 UML은 Unufied Modeling Language의 약자이다. 복잡한 사람들의 사고와 생각을 표현하는 도구. 구축에 대한 소프트웨어, 프로그래밍이 아닌 시스템 자체의 산출물의 역할을 시각화 하여 규정하는데 목적을 두고 있음 이런 과정을 통해 꼭 필요한 행위를 기반으로 한 *객체 지향 모델링이 가능해짐 *객체지향이란 하나하나 객체로 이루어져 있는 모델링. 예전에는 하나로 이루어졌었지만 기존에 문제점은 하나가 고장나면 전체가 돌아가지않는 문제점을 개선하기 위하여 객체지향이 발생. UML에서 정..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 1일차 - 서비스기획 강의 후기스나이퍼 팩토리 2023. 6. 7. 11:52
.....써놨던게 전부 날아갔다. 몹시 화가나지만 별 수 있나 다시 써야지... 10주 완성 프로젝트 캠프 프론트엔드(리액트)에 합격하여 1일차 블로그 일지를 작성한다. 서류작성과 코딩테스트를 거쳐 선발되며 온라인, 오프라인으로 나뉘어 선발된다. 첫 날은 온라인으로 OT진행과 온라인 수업을 진행했다. 서비스기획 강의 플랫폼 구축을 위한 사고와 습관 당근대장 - 처음부터 다시 배우는 웹기획 저자 플랫폼이란? 인간의 관계에서 생성되는 교류의 정류장 역할 플랫폼은 Device에 밀접하게 괸련되어 있다. 플랫폼 서비스 제공 환경 찾아오는 서비스에서 찾아가는 서비스로 소비자는 점점 귀차니즘을 해결해 주는 서비스로 이동하고 있음. 플랫폼으로 지속성장하기 위해선 끈임없이 트렌드를 캐칭하고 발전하는 것이 중요하다. 이..
-
[50문 50답] 1. 상태관리를 왜 할까요? 그리고 평소 state 관리는 어떻게 하시나요?Frontend/React 2022. 10. 14. 02:56
상태(state)란 무엇인가? React에서 상태관리를 어떻게 하느냐에 대한 답을 하기 전 state즉 상태란 react에서 무엇인가? 에 대한 얘기부터 해봐야 할 것 같다. 상태의 정의는 웹 어플리케이션을 render하는데 있어 영향을 미칠 수있는 값 이라고 말한다. react에서 페이지가 리랜더링 되는 가장 큰 예시 두가지는 props와 state라고 익히 들어 알고 있을 거라고 생각한다. 상태가 렌더링에 영향을 주기 위한 값으로 존재하기 위해서는 한 가지 요소가 필요하다. 바로 동적인 값, 즉 변하는 값이라는 조건이다. 그게 다시 말해서 State값이다! React에서 상태관리를 하는 이유 그렇다면 React에서 이러한 상태를 관리해야 하는 이유는 뭘까? 위에서 말했다 시피 react는 컴포넌트가 ..
-
[React] 3주차 중간발표 프론트 부분 정리 해둔 것Frontend/React 2022. 9. 14. 18:51
라이브러리 1. React-slick 메인페이지의 슬라이드 구현을 위해서 사용 목표페이지를 각각 만들어주는건 불필요한 렌더링을 야기시킨다고 생각하여 라이브러리를 사용하였고 다른 슬라이드 라이브러리에 비해 상대적으로 가볍고 심플하게 구현이 가능하여 선택했습니다. 2.React-html5-video-editor 메인의 각 하루하루 목표페이지에 동영상 등록 페이지에 적용하기 위하여 사용 사용자가 동영상을 1초만 찍어서 올리기엔 불편할 수도 있다고 생각하여 해당 라이브러리의 비디로 크랍기능을 사용해서 3초내지 5초짜리 동영상을 올려도 원하는 부분(1초)를 생각하여 올릴 수 있도록 구현을 생각해보았습니다. 라이브러리 선택 이유 동영상편집기능을 직접구현하기엔 시간이 너무 빠듯하였고 React-native쪽으론 동영..
-
[React] promise, async awaitFrontend/React 2022. 9. 6. 13:29
promise 1. Promise는 무엇인가? JavaScript(React)에서 Promise는 비동기 처리에 활용되는 객체이다. 여기서 비동기 처리란 line by line 순차적으로 특정 코드의 실행을 끝까지 기다리지 않고 다음 코드를 선제적으로 처리하는 것을 의미한다. 2. Promise의 역할 Promise는 주로 웹 서비스 구현 시 원활한 데이터 통신을 위해 활용된다. 더욱 구체적으로 말씀드리자면, 서버에 데이터를 요청했을 때, 데이터가 모두 받아오기 전에 웹에 출력하려고 할 때 발생하는 오류를 방지하기 위해 활용된다. 즉, Promise 객체는 A, B, C 로직이 있을 때, A 로직이 모두 완료될 때까지 B, C 로직을 대기시키지 않고 실행시키는 데 주로 활용된다. 3. Promise의 상..
-
220723 TILTIL 2022. 7. 25. 13:28
오늘 할 일 주특기 교육 주 차 2일째. 어제는 거지같은 엘리스의 토끼굴에 빠져서 정작 리액트는 많은 공부를 하지못했다. 젠장할 할 공부는 많고 할 일도 많고 만들 것도 많은 데 시간은 없다. 영화 리미트리스에 나오는 약 먹고싶다 ㅋㅋㅋㅋ 오늘 한 것 & 더 봐야할 것 Javascript & React에서 가장 많이 쓰이는 배열 내장 함수 4가지. map(), filter(), concat(), from() map()은 각 배열의 요소에 인자값을 적용시켜주는 것.(원본 배열에 손대지 않는다.) filter()는 이름처럼 배열을 원하는 조건을 줘서 필터링된 값만 꺼낼 수 있는 함수. concat()은 서로 다른 배열의 요소값들을 합쳐서 새로운 배열을 만들어 주는 함수. from() 화살표 함수는 이제야 좀..