전체 글41 [1주차 07] 프론트엔드 vs 백엔드 vs 풀스택 🖥️ 프론트엔드 (Frontend)사용자(Client)의 눈에 보이는 화면(UI)과 인터랙션 담당역할 : 사용자가 버튼을 클릭하거나 입력을 했을 때의 상호작용을 구현로그인 예시 : 사용자가 아이디/비번을 입력하고 [로그인] 버튼을 누르는 순간, 서버로 "요청(Request)"을 보냄⚙️ 백엔드 (Backend)사용자 눈에 보이지 않는 서버(Server) 뒷단역할 : 데이터 저장, 연산, 로직 처리로그인 예시프론트에서 보낸 아이디가 DB에 있는지 찾음비밀번호가 맞는지 비교하고 연산맞으면 "로그인 승인" 결과와 함께 "환영합니다 페이지"를 프론트엔드로 전달(Response)🦄 풀스택 (Full Stack)프론트엔드(Front-end)와 백엔드(Back-end) 기술을 모두 다룰 줄 아는 개발자역할 : 사.. 2026. 1. 8. [1주차 06] 협업 Tool 별 특징 정리 1. Trello : 기본에 충실한 Kanban"Simple is Best"⇒ 복잡한 기능 없이 칸반(Kanban) 보드의 기본에 가장 충실한 툴📌 주요 특징Kanban 중심 : 애자일 방법론 중 칸반을 시각적으로 가장 잘 구현함낮은 진입장벽 : 기능이 단순하고 직관적이라 누구나 쉽게 배울 수 있음다양한 템플릿 : 상황에 맞는 템플릿을 가져와 바로 적용 가능Sprint Retrospective : 회고용 (잘된 점, 개선할 점, 액션 아이템 등)Design Sprint : 단계별 디자인 프로세스 관리Agile Sprint Board : 심플하지만 담당자, 라벨, 체크리스트 등 필수 기능 포함2. Jira : 개발자들의 표준, Scrum 특화"Scrum의, Scrum에 의한, Scrum을 위한 툴"⇒ 전.. 2026. 1. 7. [1주차 03] [Git] Mac .DS_Store 삭제 및 .gitignore 설정 방법 ⚠️ 문제 (Issue) ⚠️Mac 환경에서 개발을 하다 보면, 내가 만들지도 않은 .DS_Store 파일이 자꾸 git status에 잡히거나 커밋 목록에 포함되는 경우가 있다. 이는 macOS가 폴더의 아이콘 위치나 설정 정보를 저장하기 위해 자동으로 생성하는 파일이다.협업 시 불필요한 파일이 공유되지 않도록 삭제하고 영구적으로 무시(Ignore)하는 설정이 필요하다. Mac 환경에서 개발을 하고 Git을 통해 배포한다면, 이 초기 환경 세팅은 필수이다 👍귀찮더라도 프로젝트 시작할 때 꼭 체크하자!! ⚒️ 해결 하기 ⚒️1. 기존 .DS_Store 파일 삭제하기이미 프로젝트에 포함되어 있거나 생성된 .DS_Store 파일을 한방에 삭제한다.터미널에 아래 명령어를 입력한다.# 현재 폴더 및 하위 폴더.. 2025. 12. 31. [1주차 02] 학습 정리 1. 프로젝트 관리와 협업1-1. 프로젝트(Project)란?단순한 소스 코드 구현을 넘어, 하나의 프로그램(시스템)을 만들기 위한 모든 일련의 프로세스포함 범위 : 기획, 설계, 구현, 테스트, 배포 등1-2. 협업의 핵심개발자는 혼자 일하지 않는다. (요즘은 혼자 일할때도 있지만) 원활한 협업을 위해 소통이 필수적이다.코드 공유 : Git 등을 통한 소스 코드 관리문서 공유 : 명확한 문서화를 통한 의사소통2. README.md (리드미)프로젝트의 대문이자 얼굴.md 확장자(.m(ark)d(own))를 가진 마크다운 파일상황별 작성법완성된 프로그램 : 사용 설명서(Manual), 레퍼런스 등개발 중인 프로젝트 : 구현된 주요 기능, 현재 개발 현황, 해결해야 할 이슈(Issue) 등3. Markdow.. 2025. 12. 30. [후기] 하루 10분 빡세게 공부!! 빡공단 with 베어유 30일 동안 출석 인증 미션을 통해 성공적인 자기계발과 커리어 스킬 향상을 경험할 수 있는 프로그램 참가비용 : 강의 당 59,000원 저는 빡공단 리액트 클래스를 선택하여 학습하였는데요, 이외에도 스피치, 엑셀, 토익, 영어회화, 프리미어 프로 등등 많은 강의들이 있답니다 😊 (빡공단 자기계발 챌린지 : https://bear-u.com/hardstudy) '단 4주' 진짜 자기계발을 하고 싶다면 지금 바로 시작하세요. 10만명이 선택한 진짜 자기계발, 빡공단 4주 자기계발 챌린지 bear-u.com 빡공단이 되었다면 커뮤니티 가입은 필수입니다!! 하루의 기록을 남기고 같이 공부하고 있는 분들과 정보도 공유할 수 있어요 👍 한 달 동안 하루도 빠짐없이 공부하고 수강 인증샷을 찍고 (마지막날인 오늘 찍은.. 2023. 12. 28. [React] create-react-app dotenv 에러 Module not found: Error: Can't resolve 'os' in Module not found: Error: Can't resolve 'os' in '/Users/Desktop/bearu/node_modules/dotenv/lib' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. . . . npm run build 를 하다 에러메세지가 떴다. 원인 create-react-app 으로 생성된 react 앱은 기본적으로 dotenv가 내장되어 있어 따로 적어줄 필요없다. 해결 방법 import .. 2023. 12. 27. [Node.js] npm 에러 해결 (cache) npm ERR! code EACCES npm ERR! syscall open npm ERR! path /Users/.npm/_cacache/index-v5/b3/... npm ERR! errno EACCES npm ERR! npm ERR! Your cache folder contains root-owned files, due to a bug in npm ERR! previous versions of npm which has since been addressed. npm ERR! npm ERR! To permanently fix this problem, please run: npm ERR! sudo chown -R 501:20 "/Users/.npm" npm ERR! A complete log of thi.. 2023. 12. 27. [React] Module not found: Error: Can't resolve 'web-vitals' Module not found: Error: Can't resolve 'web-vitals' npm run start 를 했는데 에러메세지가 떴다. 원인 web-vitals 패키지가 없기 때문이다. (devDependencies에 web-vitals 패키지가 설치되어 있는지 확인해 봐야한다.) 해결 방법 npm install web-vitals 해결 완료!! 2023. 12. 22. [React] The react-scripts package provided by Create React App requires a dependency: (npm run start 안될 때) There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The react-scripts package provided by Create React App requires a dependency: "babel-jest": "23.6.0" Don't try to install it manually: your package manager does it automatically. However, a different version of babel-loader was detected higher up in the tr.. 2023. 12. 22. 이전 1 2 3 4 5 다음 반응형
