반응형 스파르타 내일배움캠프28 25.02.21 TIL - 웹 개발 미니 프로젝트 회고, TIL 강의 목차 1. 웹개발 미니 프로젝트를 마치며.1. 진행한 일팀 소개 홈페이지 제작 (메인 페이지, 인적사항 페이지, 인적사항 등록 페이지, 인적사항 수정 페이지, 방명록 페이지)개발적인 측면에서 개선해야 할 사항 고민 2. Keep( 이번 프로젝트에서 진행한 과정 중 다음 프로젝트에서도 유지했으면 하는 부분)다른 사람의 코드 관련 이슈에 대해서 다같이 해결하기 위해 노력한 것.Github를 이용할 때 무작정 push 하는 것이 아니라 pull 한 뒤에 달라진 점 확인하고 push 할 것.각자 도울 수 있는 부분은 도우려고 적극적으로 노력한 것. 3. Problem(문제점 : 이번 프로젝트에서 발생한 문제점을 객관적으로 판단 해결 방안 : 해당 문제점을 해결할 수 있는 현실적인 방안 제시)초기 g.. 2025. 2. 21. 25.02.20 TIL - 웹개발 미니 프로젝트(3) 목차 1. 이미지 링크 입력 시 실시간으로 이미지 출력 기능25.02.18 TIL - 웹개발 미니 프로젝트(1) 18일까지는 meta 태그가 아니면 안되는 줄 알았다. 알고보니, 이미지 주소 복사 시에 제공되는 링크 주소는 data:image로 시작되는데 이건 DATA URI 라는 방식이었다. 데이터 URI - URIs | MDN데이터 URL, data: 스킴이 접두어로 붙은 URL은 컨텐츠 작성자가 작은 파일을 문서 내에 인라인으로 삽입할 수 있도록 해줍니다. WHATWG에 의해 해당 이름이 없어질 때까지 이전에는 "데이터 URI"로 알developer.mozilla.org FileReader API에서도 blob을 DATA URI 로 바꿔서 사용하는 방식이 자주 사용된다. 코드 예시)functio.. 2025. 2. 20. 25.02.19 TIL - 웹개발 미니 프로젝트(2) 목차 1. Fetch 문제 해결 공통으로 Header를 가져오는 과정에서 Fetch를 사용하는데 실행이 되지 않는 이슈가 있었다.개발자 도구를 켜 볼 생각을 못했다가 갑자기 생각이 나서 켰더니 이런 오류가 있었다.Access to fetch at 'file:///D:/project/header.html' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.로컬 파일로 개발중이었는데 CORS policy가 보안 요건에 .. 2025. 2. 19. 25.02.18 TIL - 웹개발 미니 프로젝트(1) 목차 1. 와이어프레임 2. header, navbar 구현 Navbar는 Bootstrap의 코드를 가지고 수정하여 사용하였다. 메인페이지만 사용하는 것이 아니라 방명록 페이지도 있기 때문에 Navbar를 통해 방명록 페이지로 이동하고자 구현하였다. Navs and tabsDocumentation and examples for how to use Bootstrap’s included navigation components.getbootstrap.com 구현된 화면 header, navbar 구현 코드. ELEVEN Home 방명록 3. 인적사항 등록 페이지 와이어프레임 상에서는 보통 프로필 하면 자연스럽게 연상되는 것처럼 이미지.. 2025. 2. 18. 25.02.17 TIL - Git & Github 목차 1. Git 설치하기더보기 2. 필수 리눅스 명령어1) pwd (print working directory) - 현재 내가 작업하는 폴더를 보여달라는 뜻. - ~ 는 home 경로이며, 바탕화면을 의미하는 Desktop 폴더의 상위 경로임. * Working directory : 현재 작업중인 directory 2) ls(list) - 현재 폴더 안에 있는 폴더 & 파일 내역을 볼 수 있음. 3) ls -a (list all) - 숨겨진 파일(보통 . 으로 시작함)도 모두 볼 수 있음. 4) cd 폴더명(change directory) - ls 명령어에서 확인된 폴더로 이동 가능. - Desktop 안에 있는 다른 폴더로 이동 가능.(데스크탑의 폴더를 더블 클릭해서 들.. 2025. 2. 17. 25.02.14 사전캠프 TIL - SQL JOIN문 목차 9. JOIN내가 필요한 데이터들이 각각 다른 테이블에 분산되어 있을 때 데이터를 불러오기 위한 방법.Excel의 Vlookup 함수와 유사함.서로 다른 테이블이 공통으로 가지고 있는 컬럼을 기준으로 묶게 됨. * LEFT JOIN - 공통 컬럼을 기준으로 B 테이블에 값이 없더라도 모두 조회됨.-- LEFT JOINselect 조회 할 컬럼from 테이블1 a left join 테이블2 b on a.공통컬럼명=b.공통컬럼명 예시)SELECT *FROM food_orders LEFT JOIN payments ON food_orders.order_id = payments.order_id- LEFT JOIN은 없는 값도 조회되기 때문에 NULL값이 있는 것이다. * INNER JOIN - 공통 컬.. 2025. 2. 14. 25.02.14 사전캠프 TIL - SQL 조건문 목차 5. SQL 조건문 논리연산자의미예시AND그리고age>20 and gender=’female’ → 나이가 20세 이상이고, 여성OR또는age>20 or gender=’female’ → 나이가 20세 이상이거나, 여성NOT아닌not gender=’female’ → 여성이 아닌 * AND - 두 조건이 모두 참일 때 사용.SELECT *FROM studentsWHERE age > 20 AND name = 'Alice'; * OR - 두 조건 중 하나만 참이면 사용.SELECT *FROM studentsWHERE age > 20 OR name = 'Bob'; * NOT - 조건이 거짓일 때 사용.SELECT *FROM studentsWHERE NOT age > 20; * 비교연산자비교연산자의미.. 2025. 2. 14. 25.02.13 사전캠프 TIL - SQL 기초 목차 1. SQL 기초* 데이터베이스란? - 여러 테이블을 포함하는 큰 틀. * 테이블 - 데이터가 행(row)과 열(column)로 구성된 구조. - 각 행은 하나의 데이터 레코드를 나타내며, 각 열은 데이터의 속성을 나타냄. - 빨간 칸이 행(row), 파란 칸이 열(column)이다. 2. SQL 기본 명령어 * 데이터베이스 생성CREATE DATABASE 데이터베이스명; * 테이블 생성CREATE TABLE 테이블이름 ( 컬럼1 데이터타입, 컬럼2 데이터타입, ...); 예시)CREATE TABLE students ( id INT, name VARCHAR(50), age INT); - id : 정수형 데이터를 저장하는 열(INT). - name : .. 2025. 2. 13. 25.02.12 사전캠프 TIL - Java의 실행과정 목차 Part 01. Hello World!Java의 실행 과정자바 소스파일(.java)를 작성.JDK가 제공하는 javac를 사용하여 소스파일을 컴파일.JVM의 Class Loader는 컴파일로 생성된 바이트 코드(.class)를 전달 받아 동적 로딩을 통해 실행에 필요한 클래스들을 로딩하여 JVM 내부 Runtime Data Area에 로드함.JVM의 Execution에 의해 기계어로 해석되어 실행됨. Class Loader - JVM 내부에 바이트 코드를 로드하고 링크를 통해 배치하는 작업을 수행하는 모듈. - 실행될 때 동적으로 클래스를 로드하고 jar 파일 내부에 저장되어 있는 클래스들을 JVM에 로드함. - 프로그램 상의 작성한 모든 클래스, 변수 및 메서드의 정보를 Method Area에 배.. 2025. 2. 12. 이전 1 2 3 4 다음 반응형
