전체 글 171

1주차 팀 소개 페이지 프로젝트 KPT

1. Keep모르는 부분 질문하기피드백 하기안돼도 끝까지 하려고 시도한 것2. Problem1) 문제git hub 연동부분, 파일이 섞여서 정리가 필요했음프로젝트 초반에 기획 및 협의를 명확하게 하지 않음중간 마감 기한을 설정하지 않음팀원 간 실력차이가 커서 따라가는 형태가 되었음2) 해결책 커뮤니케이션의 부족경험부족개인 공부 시간을 가지고 코드를 보며 학습3. Trygit hub에 대해서 공부하기초기 단계에서 구체적이고 명확하게 실현하고자 하는 바를 기획할 것정기적인 피드백 시간을 갖고 보완할 것.최종 목표, 중간 목표 등을 설정하는 것   소통은 잘 했는데, 팀 프로젝트에서 팀원 간 실력 차이가 크다보니(내가 실력이 낮은 쪽....) 열등감과 자격지심이 들었다. 다른 팀원들이 알아서 척척 해주셔서 팀..

기타 2024.08.30

웹개발 종합반2(javascript)

Javascript: 웹 조작, 웹 페이지에 동적인 기능 넣기. 서버를 만드는 데에도 쓰임. 아주 범용적인 언어. java와 javascript는 아무 관련이 없다.head>    script>    script>head>  사이에 를 넣어 사용. 프로그래밍 언어의 5요소. 변수 : 값을 담는 요소. 문수, 숫자 등, 값을 담에서 한 번에 관리. 변수의 이름은 최대한 직관적으로 지어서 알아보기 쉽게 해야한다. let a = 11 = 'Jhon' // 문자열은 작은 따옴표로 감싸준다. let으로 변수를 선언(저장)한다. 한 번 선언 했으면 다시 선언하지 않고 값을 넣을 수 있다. 자료형 : 자료형의 대표, 리스트와 딕셔너리. 변수를 꾸러미로 관리하고 싶을 때 사용. 리스트[]는 순서가 중요하며 0부터 센다..

웹개발 기초 2024.08.28

웹개발 종합반 1

html 파일 생성하기: vscode 에서 폴더 선택, 새 파일 "파일이름.html" 이후 코드 첫줄에 "html:5" 또는 "!" 줄바꿈 : : break ,닫는 태그인 을 사용하지 않아도 된다.문단 구분 : paragraph  입력 그대로 : preformatted     div>        1안녕하세요,        br>사람입니다.        p>2안녕하세요p>p>사람입니다p>        pre>3안녕 하 세 요!! 사람            입니다        pre>    div>.... '입니다'가 왜 저렇게 나올까?text-align: center; 내 css. 문자를 가운데로 정렬함.필요할 때 검색하며 사용하는 css1. 배경관련background-color : 보통 구역의 크기를..

웹개발 기초 2024.08.27

웹개발 종합반 0-1 html 언어

html 뜯어먹기.body>        div class="mybtn">나는 구역을 나누죠        div class="btn1">버튼 1div>        div class="btn2">버튼 2div>    div>    p>나는 문단p>    ul>        li> bullet point!1 li>        li> bullet point!2 li>    ul>        h1>h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요.h1>    h2>h2는 소제목입니다.h2>    h3>h3~h6도 각자의 역할이 있죠. 비중은 작지만..h3>    hr>    span 태그입니다: 특정 span style="color:red">글자s..

웹개발 기초 2024.08.27

웹개발 종합반 0

인터넷 : 전세계 컴퓨터를 하나의 통신망으로 연결한 것 또는 연결하는 그 통신망.웹 : WWW(World Wide Web)을 줄여 말한 것으로, www는 인터넷 사용자들이 서로의 정보를 공유할 수 있는 공간을 뜻한다.   웹은 인터넷에서 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트 방식으로 연결하여 제공한다.-> 하이퍼텍스트(hypertext) : 문서에 또 다른 문서를 연결하여 웹 상에 존재하는 여러 문서가 상호작용하는 기술브라우저 : 일종의 소프트웨어로 웹 페이지를 보여주는 그림판이다. 브라우저는 서버에 요청을 보내고, 서버에서 보내준 정보(html파일)를 사용자에게 보여준다. + html파일(html, css, js)을 보내주는 것이지, html만 보내고 css, js을 안..

웹개발 기초 2024.08.26

Git, github 기초1

필수 리눅스 명령어:1. pwd : print working directoy, 현재 내가 제가 작업하고 있는 위치(폴더)를 보여달라.2. ls : list, 현위치에 있는 폴더나 파일 내역을 보여달라.3. ls -a : list all, 현위치에 있는 모든(숨겨진 것도 포함) 폴더나 파일 내역을 보여달라.4. cd 폴더명 : change directory, 폴더명으로 이동하라.   + cd .. : 상위 위치로 이동ex) cd Desktop/바탕화면 -> 현위치에 있는 Desktop 속 바탕화면으로 이동      cd ../.. -> 상위 폴더의 상위 폴더로 이동5. mkdir 폴더명 : make directory, 현재 경로에 폴더를 생성하라. "mkdir 새로 만들 폴더명"6. touch 파일명 : ..

git, github 2024.08.26

8.26~8.30

우리 첫 프로젝트 주제는?우리 팀, 우리만의 이야기를 담을 수 있는 ”팀 소개 웹페이지”포함 내용[팀]과 [자신]에 대한 설명 및 MBTI객관적으로 살펴본 자신의 장점자신의 스타일 협업 스타일 소개우리 팀만의 특징과 추구하는 궁극적인 목표우리 팀의 약속팀원들의 블로그 주소첫 프로젝트 목표웹 개발 전반의 흐름을 이해할 수 있습니다.프론트엔드와 백엔드의 구성과 상호작용에 대해서 이해할 수 있습니다.CRUD를 구현하고 활용할 수 있습니다.📢 우리는 처음 시작했습니다. 고도의 기술적 구현(채팅기능, 알림기능 등)은 중요하지 않아요.이번 프로젝트에서, 기술적 구현보다 더 중요한 것어떻게 프로젝트를 진행할 지에 대한 계획 짜기와이어 프레임 설계, Rest API 문서 작성좋은 협업 하기어떻게 소통하고 협업 하는가..

기타 2024.08.26

용어 정리

HTML : '웹페이지를 만들 때 뼈대' 역할을 하는 언어. HyperText Markup Language.CSS : '웹페이지 꾸미기' 역할을 하는 언어. 가리켜야 꾸밀 수 있음, 즉 지칭 대상이 있어야함. class로 이름 붙여 사용.+bootstrap(부트스트랩): 남이 만들어놓은 css꾸러미, 라이브러리. class로 이름 붙여 사용. Cascading Style Sheets.Backend : 눈에 보이지 않는 부분. SERVER, DB, API. 프론트엔드(의 요청)에 응답함.Frontend : 눈에 보이는 부분. HTML, CSS, JAVASCRIPT. 백엔드에 요청함DataBase : 데이터를 저장하고 여러 사람들이 관리하는 데이터 모음. 나중에 잘 찾기 위해 데이터를 잘 저장해야함. 각 데..

웹개발 기초 2024.08.26

SQL 기초2

replace 함수 : replace(바꿀 컬럼, 현재 값, 바꿀 값).select restaurant_name "원래 상점명",           replace(restaurant_name, 'Blue', 'Pink') "바뀐 상점명"from food_orderswhere restaurant_name like '%Blue Ribbon%'->restaurant_name을 가져오며  "원래 상점명"이라고 별명 주기. restaurant_name 칼럼에서  'Blue'를 'Pink'로 바꾸고 그 데이터를  "바뀐 상점명"이라고 별명 주기. food_orders에서 데이터를 가져오기데이터에  'Blue Ribbon'이 포함된 조건에서만 필터링하여 가져오기    substing 함수 : substr(조회 할 컬..

SQL 2024.08.25

SQL 기초

SELECT : 데이터를 가져오는 기본 명령어로, 데이터를 조회하는 모든 Query 에 사용됨FROM : 데이터를 가져올 테이블을 특정해주는 문법*: 모든 컬럼을 가져와준다는 의미. 또는 특정 컬럼명을 넣어 사용 가능.select *from order_idselect date, customer_name from order_id컬럼에 별명(alias)  주기 : 원하는 컬럼만 뽑았지만, 평소에 사용하는 명칭과 다를 때가 있습니다. 이럴 때 컬럼 명에 별명을 지정하여 변경할 수 있습니다. - 방법1 : 컬럼1 as 별명1 - 방법2 : 컬럼2 별명2select restaurant_name as "식당 이름", addr addressfrom food_orders   WHERE절 사용 : 조건을 준다. from..

SQL 2024.08.23