전체 글54 10주의 여정을 마무리하며 [웹기초 7기 스터디 회고록] 목차💡 웹기초 7기를 마치며→💡 졸업작품→💡 Keep : 유지하고 싶은 것들→💡 Problem : 문제가 있던 것들→💡 Try : 도전하고 싶은 것들→💡 마무리→웹기초 7기 스터디 10주의 여정을 마무리하며더보기짧으면서도 길었던 10주 !🎓 짧으면서도 길었던 웹기초 7기 스터디를 무사히 졸업했다.2024년도에 호기심으로 웹기초 6기 스터디에 도전했지만, 공부방법도 목표도 시간분배도 제대로 할 줄 몰라서 씁쓸하게 중도탈락을 했다. 호기심과 열정은 있었으나 내 두뇌는 빠르게 진도를 따라갈수가 없었다.하지만 어려웠던게 무엇인지 알고, 가장 기본이라고 생각하는html과css를 마스터하자는 생각에 웹기초 7기 스터디 모집을 기다리면서 2주 챌린지를 도전과 탈락을 반복하며 수련을 했다.💡 반복학습이 .. 2025. 2. 6. 세션(Session)과 쿠키(Cookie) 쿠키(Cookie)세션(Session)쿠키 & 세션 작동 방식Express에서 세션 사용 예제쿠키 vs 세션 비교기본 개념웹 서버와 브라우저(클라이언트)는 기본적으로 stateless(무상태성) 을 가진다.→ 즉, 한 번의 요청과 응답이 끝나면 서버는 이전 요청을 기억하지 않는다.하지만 로그인 상태 유지 등 유저의 상태를 기억할 필요가 있다.이를 위해 쿠키(Cookie)와 세션(Session) 을 사용한다.쿠키(Cookie)✅ 쿠키의 역할브라우저(클라이언트) 가 서버 로부터 받은 작은 데이터 파일이다.유저가 웹사이트를 방문할 때 서버가 쿠키를 생성하여 브라우저에 저장할 수 있다.이후 유저가 다시 같은 서버에 요청을 보낼 때 브라우저가 자동으로 쿠키를 서버에 전송한다.이를 통해 서버는 유저를 식별할 수 있.. 2025. 2. 1. 라우트? 라우터? 우트와 라우터는 비슷하지만 다르다. 강의를 듣다보니 트와 터 진짜 열불나게 헷갈린다.라우트(Route): 특정 HTTP 메서드와 경로(URL Path)를 기반으로 요청을 처리하는 규칙 . 라우터(Router) : 요청과 경로를 처리하기 위한 객체. express.Router()로 생성 라우트(Route)라우터(Router)역할HTTP 요청-응답 규칙 정의여러 라우트를 그룹화스코프단일 경로와 동작 처리기능별로 라우트 관리라우트 (route) ?URL Path : URL의 Host(도메인)다음에 오는 부분ex) /skin : https://www.tistory.com/skin 특정 HTTP 메서드(GET, POST 등)와 경로(URL Path)를 기반으로 요청을 처리하는 규칙을 작성하는 것Express.. 2025. 1. 24. GitHub 원격 저장소와 연결하고 변경 사항 푸시하기 GitHub 원격 저장소와 연결하고 변경 사항 푸시하는 방법 !! 푸시푸시 베이베 1. Git 저장소 초기화새로운 프로젝트에서 Git 버전 관리를 시작하려면 먼저 로컬 디렉토리에서 Git 저장소를 초기화해야 한다.git init 2. GitHub 원격 저장소 연결GitHub에서 생성한 원격 저장소의 URL을 로컬 Git 저장소와 연결git remote add origin 원격 저장소가 정상적으로 추가되었는지 확인 git remote -v 3. 변경 사항 스테이징로컬 저장소에서 변경된 모든 파일을 GitHub 원격 저장소로 푸시하려면 먼저 변경된 파일을 스테이징해야한다.git add . 4. 커밋하기변경 사항을 커밋하려면 아래 명령어를 입력git commit -m "첫 커밋 메시지" 5. 로컬 저장소를.. 2025. 1. 24. HTTP method TTP 메서드는 클라이언트가 서버에 요청을 보낼 때, 어떤 종류의 작업을 수행할지 정의하는 동작을 의미한다. 각 메서드는 특정 작업을 나타내며, 서버가 어떻게 반응할지에 대한 지침을 제공한다.- GET : 자원을 검색할 때 사용- POST : 자원을 생성할 때 사용- PUT : 자원을 업데이트 할 때 사용 ( 보내지 않은 정보는 NULL값으로 업데이트 된다)- PATCH : 자원을 업데이트 할 때 사용 ( 보내지 않은 데이터는 기존 데이터를 유지)- DELETE : 자원을 삭제할 때 사용1. GET*리소스란 ? 웹 서버에서 제공하거나 접근할 수 있는 모든 종류의 데이터를 포함 *목적: 서버에서 데이터 조회(검색)하는 데 사용 / 서버의 상태를 변경하지 않고, 리소스를 읽기만 한다.(읽기전용)예시 : 웹.. 2025. 1. 23. package.json이 왜 중요할까? package.json ? Node.js 프로젝트 및 JavaScript 생태계에서 프로젝트를 관리하는 핵심 설정 파일 Node.js와 package.json의 관계 Node.js는 npm또는 Yarn을 통해 패키지를 설치하고 관리하는데 , package.json은 설치한 패키지의 정보를 기록하여 프로젝트의 종속성을 명시한다.Node.js는 package.json의 scripts 항목을 활용하여 명령어를 실행package.json은 Node.js 프로젝트에서 매우 중요한 역할을 한다. (삭제 금지 !!)의존성 관리: 프로젝트에서 필요한 외부 라이브러리와 패키지들이 명시된다. 스크립트 정의: 자주 사용하는 명령어들을 scripts 항목에 정의할 수 있다.프로젝트 메타데이터: 프로젝트 이름, 버전, 설명,.. 2025. 1. 22. [혼공컴운] 13기 2주차 혼자 공부하는 컴퓨터 구조+운영체제• 진도: Chapter 04 ~ 05• 기본 숙제(필수): p. 125의 확인 문제 2번, p. 155의 확인 문제 4번 풀고 인증하기• 추가 숙제(선택): Ch.05(05-1) 코어와 스레드, 멀티 코어와 멀티 스레드의 개념을 정리하기▼ 기본숙제더보기▼ p. 125의 확인 문제 2번▼ p. 155의 확인 문제 4번▼ 추가 숙제 (코어와 스레드, 멀티 코어와 멀티 스레드의 개념 정리하기)더보기 Chapter 04. CPU의 작동원리(1) ARU(계산하는 부품)받아들이는 정보 : 레지스터를 통해 피연산자를 받아들이고. 제어장치로부터 제어신호를 받아들인다내보내는 정보 : 계산결과와 플래그(연산결과에 대한 추가적인 상태 정보)를 내보낸다.플래그 종류의미예시부호 플래그연산 결.. 2025. 1. 20. [TIL] 25년 01월 16일 Today I Learned오늘 1일 1문제 코딩테스트 문제 풀기 - 배열의 평균더보기Question정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요. 제한사항0 ≤ numbers의 원소 ≤ 1,0001 ≤ numbers의 길이 ≤ 100정답의 소수 부분이 .0 또는 .5인 경우만 입력으로 주어집니다. Codefunction solution(numbers) { let sum = 0; for (let i = 0; i Explanation sum의 초기값을 설정하는 이유 !!!!초기값 없이 sum을 선언만 하면, sum의 값은 undefined로 초기화 된다. ( 값이 안 정해진 상태)만약, 초기값을 설.. 2025. 1. 16. [TIL] 25년 01월 14일 Today I Learned오늘 1일 1문제 코딩테스트 문제 풀기 - 더보기Question각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요.예각 : 0 직각 : angle = 90둔각 : 90 평각 : angle = 180제한사항0 angle은 정수입니다. Codefunction solution(angle) { if (angle > 0 && angle 90 && angle Explanationif와 else if를 사용하여 코드를 작성하는 줄 알았는데, return으로 값.. 2025. 1. 14. 이전 1 2 3 4 5 6 다음
