분류 전체보기 364

[📗 왕초보 웹개발 종합반] 1주차: HTML, CSS, Bootstrap

📗 1주차에 배울 내용웹 브라우저 작동 원리코딩 환경 세팅하기HTML 기초로그인 페이지 만들기CSS 기초자주 쓰는 CSS[구글폰트] 잘 가져다 쓰기[부트스트랩] 잘 가져다 쓰기[추억앨범] 프로젝트1. 웹 브라우저 작동 원리브라우저의 역할은 1. 요청을 보내고, 2. 받은 HTML 파일을 그려주는 것웹페이지는 서버에서 준비해두었던 것을 받아서 브라우저에서 우리가 볼 수 있도록 그려주는 역할을 수행한다.브라우저는 주소를 통해 API로 요청을 보내고, API는 요청에 맞는 HTML파일 돌려주고 브라우저는 받은 것을 화면에 그려준다.2. 코딩 환경 세팅하기VS Code 설치 https://code.visualstudio.com/확장팩 설치: live server, 한국어 팩3. HTML 기초 HTML과 CSS..

Web/강의 2025.03.18

스타터 노트 작성 - Spring 트랙을 신청한 이유

Spring 사전캠프 퀘스트내일배움캠프에 합류하며 담임매니저와 1on1 진행하기  1on1이란?커리어와 관련된 고민이나 그 외 개인적인 고민들도 공유합니다. 이를 통해 멤버는 성장하고, 팀은 성과를 창출하는 것을 목적으로 합니다. 성장을 위한 미팅이라고 생각해주시면 됩니다     1. 내가 Spring 트랙에 참여한 계기는 무엇인가요?프론트엔드 개발자에서 백엔드 개발자로 전향을 원했지만 기술과 포트폴리오 부족으로 취업에 어려움을 겪어 Spring 트랙에 참여하게되었습니다. 2. 내가 이해한 개발자(혹은 생각했던 직무)는 어떤 역할을 하는 사람인가요? 디지털 환경에서 원하는 것을 표현할 수 있는 직업이라고 생각합니다. 3. 프로그래밍을 경험해보셨나요? 해보셨다면 어떤 경험을 하셨는지를 작성해주시고, 아니라..

SourceTree 설치하기

Simplicity and power in a beautiful Git GUISourceTree를 설치해봅시다.  1. 공식 사이트 접속 후 설치파일 다운로드https://www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and WindowsA Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac.www.sourcetreeapp.com Download for Windows 클릭하고  동의 후 다운로드 버튼을 눌러줍니다.  다운로드가 완료되고 SourceTreeSetup-.exe 파일 실행 해주면  ..

Git/Tool 2025.02.26

기존 node 삭제, nvm 설치

Next 프로젝트를 생성하고 실행하려는 찰나 이런 오류 메시지가 떴다.You are using Node.js 18.16.0. For Next.js, Node.js version "^18.18.0 || ^19.8.0 || >= 20.0.0" is required. 데스크탑으로 개발을 오래 안한탓인가 버전이 낮은가 보다. 이참에 원래버전은 삭제하고 NVM 을 설치해보기로 했다. 1. 기존 node 삭제 프로그램 추가/제거 에서 Node.js를 삭제하고C:\Program Files (x86)\NodejsC:\Program Files\NodejsC:\Users\User\AppData\Roaming\npmC:\Users\User\AppData\Roaming\npm-cache 해당 폴더들 전부 삭제 2. nv..