프론트엔드(4)
-
[프로젝트] 파이널 프로젝트 회고
🧶 프로젝트 소개5개의 카테고리로 이루어진 소통 커뮤니티 서비스백: https://github.com/ehddk/final_backend GitHub - ehddk/final_backendContribute to ehddk/final_backend development by creating an account on GitHub.github.com프론트: https://github.com/Yu-Kyeong-Seok/final-front GitHub - Yu-Kyeong-Seok/final-frontContribute to Yu-Kyeong-Seok/final-front development by creating an account on GitHub.github.com 🚩프로젝트 설명 쇼핑몰 마켓컬리..
2024.12.02 -
[ts] void ,any, unknown, never 타입
📌 voidtype AppsettingContextType={ fontSize: FontSize; theme: Theme; setTheme:(theme:Theme) =>void; setFontSize:(fontSize:FontSize)=>void};이렇게 타입 선언에서 void 타입을 본적이 있을 것이다. void는 typescript에서 반환 타입이 없음을 명시적으로 표현하는 용도의 타입이다.변수의 타입으로 void를 사용하면 해당 변수에는 null 또는 undefined만 할당할 수 있다. 즉, 해당 변수에는 유효한 값이 없음을 나타낸다.그래서 주로 네트워크 요청,로그 출력, 객체 상태 변경 등과 같은 작업을 생성하는 것이 목적인 함수를 호출한 후에 반환된 값을 사용할 필요가 없음을 나..
2024.10.18 -
[nextJS] 서버 컴포넌트냐? 클라이언트 컴포넌트냐?
next.js 13버전은 페이지 단위로 렌더링 방식을 규정하지 않고 컴포넌트 단위인 서버 컴포넌트, 클라이언트 컴포넌트로 렌더링을 한다. 📌 server 컴포넌트app 폴더 안에 있는 컴포넌트들이 대부분 서버 컴포넌트이다!server 컴포넌트 코드는 서버에서 실행되고 클라이언트에는 코드의 결과만을 제공한다.따라서 console log 자체도 브라우저가 아닌 서버 터미널에서 실행된다. 클라이언트로 js 코드를 보내지 않기에 클라이언트 측에서 부하도 없고 웹사이트의 로딩 시간을 줄일 수 있는 장점이 있다. When? 언제 사용하는가? 데이터 패칭이 필요한 컴포넌트: 서버에서 데이터를 가져오고, 클라이언트에 그 데이터를 렌더링할 때.상태나 이벤트 처리가 필요하지 않은 UI: 예를 들어, 정적인 콘텐츠나 ..
2024.10.14 -
오름캠프 웹 풀스택_(프론트엔드) 회고
프론트엔드 부트캠프를 서치하다가 우연히 '오름캠프 웹 풀스택 실무과정'을 발견했다.수많은 부트캠프 속에서 이 오름캠프를 선택하게 된 이유는 !프론트엔드가 중점이지만 백엔드 과정도 같이 배울 수 있는 풀스택 과정이라는게 제일 먼저 메리트로 다가왔다. 예전엔 그저 프론트엔드면 html,css,js만 잘 다루면 되는거 아닌가?라는 생각이었다.근데, 팀플을 해보니까 어느정도 백엔드 지식도 알아야 프론트상에서 서버한테 어떤 요청을 해야하고,어떻게 받아오는지를 알아야 프로젝트가 수월하다는 것을 알게되었다,, 오름캠프를 pick한 이유🚩온라인 실시간 강의주 5일 9:00~ 18:00 온라인 실시간 zoom 강의로 이루어진다.일단, 집에서도 수업을 실시간으로 참여할 수 있다는게 효율적이라 생각했다. 9:00~ 16:..
2024.08.17