전체보기

제로베이스 스쿨을 끝마치고 1년이 지났다.1월에 쇼핑몰 앱 런칭 중인 스타트업의 퍼블리셔로 입사하였고 지금까지 즐거운 회사생활을 하고있다.퍼블리셔로 취업했지만 스타트업인 만큼 업무의 자유도가 커서 프론트엔드 개발 범위까지 작업하고 있다. 이런 환경 덕분에 다양한 기술을 적용할 수 있어서 매일 성장하는 기분이 든다. 제로베이스 프론트엔드 취업 스쿨을 선택한 이유는 이전 직장에서 제이쿼리 같은 오래된 라이브러리를 사용하고 있어서 최신 웹 기술의 필요성을 절실히 느꼈다.웹 기술은 빠르게 발전하기때문에 최신 트렌드를 따라가는 것이 경쟁력 유지에 중요하다고 생각했다.부트캠프를 알아보던 중 제로베이스 프론트엔드 취업 스쿨의 광고를 접하였고, 커리큘럼이 실무 중심의 최신 웹 기술과 프레임워크를 다루고 있어 매력적으로..

1. 옵션 관리 반복되는 옵션을 어떻게 관리 해야할지 고민이 됐다. 백엔드 분들께 옵션 api를 따로 만들어달라고 요청하였다. get 해왔더니 옵션이 잘 관리 된다! 2. Axios로 POST 요청 post 보낼때 어떤게 필요한지 알려달라는 백엔드 요청이 있었다. 주소는 react-daum-postcode, 날짜는 dataPicker 라이브러리를 쓰고 있는데 해당 라이브러리 공식 문서를 확인해보았다.

fetch 사용한 코드: const [recruitData, setRecruitData] = useState(null) useEffect(() => { const fetchData = async () => { try { const response = await fetch( `${process.env.NEXT_PUBLIC_BACKEND_SERVER}/recruit/1`, ) const data = await response.json() setRecruitData(data) } catch (error) { console.error('Error fetching recruit data:', error) } } fetchData() }, []) axios 사용한 코드: const [recruitData, setR..

1. 자바스크립트의 데이터타입 1) 기본타입 : Number, String, Boolean, null, undefined 2) 참조타입 : 객체(Object) - Array, Function, 정규표현식 - 자바스크립트에서는 한번 생성된 문자열은 읽기만 가능하지 수정은 불가능하다. - undefined는 값이 할당되지 않은 변수 / null은 개발자가 명시적으로 값이 비어있음을 나타냄 자바스크립트는 기본 데이터타입인 boolean, number, string와 null, undefined를 제외한 모든것이 객체이다. 기본 데이터타입인 boolean, number, string도 객체처럼 다룰 수 있다. 배열, 함수, 정규표현식 등도 결국 자바스크립트 객체로 표현된다. 객체는 단순히 key: value 형..

State(내부상태), Props(외부로 부터 전달 받은 상태), Render(JSX)가 있고 State가 변경될때마다 가상돔을 사용해 변경된 부분만 화면에 업데이트 된다. 리액트에서 사용하는 모든 state는 불변성을 유지해야하고 변경이 발생한다면 새로운 객체를 만들어야한다. 리액트에서 사용하는 상태는 읽기 전용이기 때문에 변경이 필요하다면 새롭게 객체를 만들어야한다. useState로 바뀌는 데이터만 새롭게 객체를 만들기가 복잡하여 Redux, Mobx, Immer 등 상태관리 라이브러리를 쓰기도 한다. 하지만 복잡한 상태관리가 필요하지 않다면 UseState, useReducer, Context API 훅을 통해 글로벌 상태관리를 할 수 있다. useReducer 상태를 관리하게 될 때 useSta..