작성하게 된 이유: 어제 연결 세션을 하다보니 백엔드를 너무 모르는 것도 안 될 것 같다라는 생각이 들었다. 기초지식 함양 레츠고 어제 보았다 CORS 에러 로그Cross Origin Resource Sharing 의 줄임말 해석해보면 교차 출처(다른 출처) 리소스 공

이번에도 next.js 공식 문서를 공부하다가 데리고 왔다.서버, 클라이언트 컴포넌트에 대해 조금 더 심층 공부해볼 예정 ! 지금까지 프론트 공부하면서 매 시간마다 본 ⬇️ 얘는 SEO 관련 세미나 준비 때 봤던 거 같고 \- Server Side Rendering (

next.js 공식문서 정리 중 아래와 같은 내용을 보았다.CSS Styling 툴 중 가장 많이 쓰이는 Styled Component와 tailwindcss에 대해 비교해볼 예정이다.CSS-in-JS 라이브러리 중 하나로, JavaScript 파일 내에서 CSS를 작

드디어 2달간의 프로젝트 트랙이 종료됐다! 그렇다면 개강이 찾아왔다는 거겠지 쩝 ,, 그래도 방학동안 프로젝트 하나라도 마무리해서 다행이라는 생각이 든다 프로젝트 회고를 위해 마지막 글을 작성해보자! Liked - 좋았던 점 프로젝트 트랙에서 성공적으로 진행됐던

드디어 로그인, 회원가입을 끝내고 게시판 및 마이 프로필 등 다양한 기능들을 개발하기 시작했다. &nbsp &nbsp 내가 담당한 건 총 3가지 > 1. 마이 프로필 (+ 비밀번호 수정) 게시판 메인 화면 작성 글 리스트 마이 프로필, 비밀번호 수정 화면을 만들 때 공통 섹션인 Header 영역을 재사용하기로 하였고, 이론으로만 배웠던 리액트의 재...

자바의 메모리 관리 방법 중의 하나로 JVM(자바 가상 머신)의 Heap 영역에서 동적으로 할당했던 메모리 중 필요 없게 된 메모리 객체(Garbage)를 모아 주기적으로 제거하는 프로세스 줄여서 GC라고도 한다.C, C++ 등의 프로그래밍 언어는 가비지 컬렉터가 존재

개발에 들어가기 전 여러가지 규칙을 정했고, 간략하게 지금까지 사용했던 규칙들만 작성해보려고 한다. 브랜치 전략 main, dev, feature/ 브랜치를 생성하여 각 기능별로 세세하게 브랜치를 나눠서 작업하기로 결정했다. >main ← 배포용 (최종

2주동안의 기획 코스가 끝이 났다!아무것도 모르는 상태에서 킥오프를 진행하고, 어색한 상태에서 팀원들과 모여서 아이디어를 던져보고, 끊임없이 아이디어를 던지고 구체화하는 과정이 제일 재밌었던 것 같다. (괜히 뭔가 된 것 같은 느낌)1주차 때 내가 냈던 의견은 AI를

프로젝트 진행 중 어떻게 하면 효율적으로 기획 및 개발을 할 수 있을지에 대해 고민했고, 개발 전/후에 대한 프로세스를 조사해보았다. 참고로 개발 프로세스는 아래와 같다고 한다! 그 중 프레임워크와 라이브러리에 대한 개념이 생소해 이에 대해 조사해보았다 ✏️ &

코딩 컨벤션을 정리하게 된 계기 👇: 첫 번째 스터디 변수 챕터 내 관련 내용이 있다는 것이..! 뇌리를 스쳤다코드를 작성할 때 지켜야 할 일종의 스타일 가이드가독성 향상: 누가 봐도 한눈에 이해하기 쉬움.협업 효율성: 여러 명이 작성해도 하나의 코드처럼 보이게 함.

이번주는 시험 공부로 인하여 미션 진행을 거의 진행하지 못했다..! 그런 의미에서 2-3주차 미션으로 진행했던 클론 코딩을 회고해보려고 함 .. ✏️  화살표 > 버튼과 함께 슬라이드 기능 추가    ✅ 카드 리스트(div)와 화살표 버튼 >을 같은 relative 안

이번주는 생각보다 스무스하게 진행되었다 2주차가 유난이었던 거겠지 미션 진행 중 발생했던 케이스를 리마인드 해보려 한다. &nbsp &nbsp &nbsp &nbsp 1. tailwindcss 코드를 작성했으나 적용 되지 않음 ➡️신규 미션용 폴더를 만들었으

역대급 삽질을 기록해보려고 한다참 피가 말렸던 시간들,,   : PR 시 node_modules 같은 폴더가 함께 올라가 100K개의 파일이 업로드 되었다는 것이었다.  \+) 추가로 이 문제를 해결하다가 더 황당한 실수 발견: 동일한 이름의 폴더를 두 가지 경로에 저

HTML과 같은 문서를 전송하기 위한 프로토콜 즉, 웹 서버와 클라이언트 간의 데이터를 주고받기 위해 만들어놓은 통신 규약☑️ 추가 개념: HTTPS란?암호화되지 않은 HTTP 프로토콜에 암호화 프로토콜의 사용하여 통신을 암호화한 HTTP의 보안 버전로그인 자격 증명이

설정 시 참고 영상 pnpm and vite https://youtu.be/ZkqT3JnOUOE?si=rO3iAu8GWgoMBvtE 생성 파일 접근 방법 명령 프롬포트 cd 폴더명 pnpm run dev localhost 주소 출력 실수 맨처음 html과 cs

link tag: 외부 리소스와의 연게 정보 표시, HTML과 외부 CSS 파일 연계script tag: client-side JavaScript 정의 table: 표를 감싸는 태그 tr: 표 내부 행(table row)th: 행 내부 제목 셀(table heading

브라우저 호환성이란? 브라우저 호환성의 개념 : 단순히 웹사이트가 하나의 브라우저에서 작동하는 것 이상이며, 다양한 디바이스와 운영 체제에서 웹 사이트가 일정하게 작동해야 함 브라우저의 종류 Google Chrome Firefox Microsoft Edge