오늘 학습한 내용(한 일)prisma orm 설정, create()로 데이터 저장하는 방법과 database 스키마 설정NextJS에서 API구현하기directory를 이용한 URL MappingpathVariable(동적 라우팅) 방법CRUD 구현(POST, GET, UPDATE, DELETE)Youtube Data API로 영상 정보 호출하기NextJS로 브라우저 실행 및 다루기puppeteer 라이브러리 활용
분류 전체보기
client side에서의 fetch리액트와 같은 client side에서는, fecth를 사용하여 값을 받아와 렌더링한다."use client"export default function Page(){ const [isLoading, setIsLoading] = useState(true); // 추가 const [data, setData] = useState(); const getMovies = asynch () => { const response = await fetch("url"); const json = await response.json(); setData(json); setIsLoading(false); } useEffect(() => { getMovies(); }, []); re..
오늘 한 일 / 학습NextJSNextJS에서 정적으로 라우팅하는 방식, 동적으로 라우팅하는 방식404 예외시 페이지로 핸들링하는 방법NextJS의 Hydration 과정서버 사이드 컴포넌트와 클라이언트 사이드 컴포넌트page.tsx, layout.tsx서버 사이드 fetchingfetch을 병렬로 처리하는 방법리액트의 Suspend 태그error.tsx로 예외 핸들링하는 방법
들어가며..다음의 강의를 보고 정리해서 작성한 내용입니다. Next.js 시작하기 – 노마드 코더 Nomad CodersNextJS for Beginnersnomadcoders.co NextJS는 기본적으로, app 폴더 안의 page라는 파일을 참조하는데 이 경로가 바로 http://host/ 가 된다.파일 내부의 컴포넌트는 중요하지 않고, export default 된 컴포넌트를 사용한다.정적 라우팅NextJS에서는, 파일 시스템을 활용해서 url을 표현한다.만약 http://host/store/food 라는 경로의 페이지를 만들고 싶은경우 최상위 폴더인 app 폴더 내부에, store, food라는 폴더를 만들어주고 page.tsx 파일을 만들어주면 해당 경로의 페이지가 만들어진다.이때, 폴더에 ..
오늘 한 일클릭 미!github organization에 리드미 작성(사진 및 내용)intro animation 속도 빠르게 적용자바Java 21 LTS 버전에서 추가된 사항들을 읽어보면서 학습많은 부분이 있었지만, Virtual Thread, 스위치 문의 문법들, record 문법 등이 추가됨리액트간단하게 리액트가 어떻게 화면을 렌더링하는지 읽어보았음useEffect, useState 등이 리액트에서 제공하는 Hooks라는 것을 알게됨React와 Vue가 어떻게 다른지를 알아봄리액트는 객체지향의 관점으로 개발하는 것이 아닌 함수형 프로그래밍을 지향Vue js는 html에 문법을 적용하여 SPA를 구현, 주관적으로 Jsp 혹은 Thymeleaf와 유사해 보였다.코틀린의 코루틴 vs WebFlux코루틴은 ..
들어가며..최종 코딩테스트에서, 결국 테스트 코드도 작성을 못했고 기능에 대해서도 클린하게 코드를 작성하지 못했다.처음 다 만들고 제출하니 2개의 테스트만 통과되었고 남은 30분동안 열심히 디버깅해서 2개의 테스트도 마저 통과했지만 결과적으로 5개 중에서 4개의 테스트만 성공하고 제출했다.후기는 최종 코테 후기를 참고해주세요. GitHub - changuii/java-attendance-7-changuiiContribute to changuii/java-attendance-7-changuii development by creating an account on GitHub.github.com 이 포스트에서는, 전체적인 지원 과정을 작성할 것이다.지원서 작성10월 초에 우아한 테크코스 지원 신청이 시작했다는..
오늘 한 일내 홈 페이지 구현메인 페이지의 blur 양 조절아래의 네비게이터 구현앞으로 어떻게 구현할지 생각했고, 노션으로 렌더링해서 쉽게 추가 및 삭제가 가능하도록 할 예정내일 할 일클릭미 프로젝트 마무리결과 페이지 구현도메인 구매 및 연결기능 목록 등 구현 정리gif로 기능 촬영
프리코스의 다른 글 우테코 7기 프리코스 1주차 회고들어가며..이 글은 최종 합격한 후 작성하는 글이기 때문에 자세하지 않을 수 있다.6월 여름방학에 들어가며 체계화된 학습과 프로젝트를 경험해보고 싶었고 프로그래머스 데브코스 백엔드 과g-db.tistory.com 우테코 프리코스 2회차 회고록들어가며.. GitHub - changuii/java-racingcar-7: 우테코 프리코스 2주차우테코 프리코스 2주차. Contribute to changuii/java-racingcar-7 development by creating an account on GitHub.github.com 1주차는 문제가 조금 모호한 부분g-db.tistory.com 우테코 프리코스 3회차 회고록들어가며.. GitHub - ..
