본문 바로가기
728x90
반응형

고양이는 사랑입니다♥417

깃허브 페이지 사용하기 (저장소 생성에서 파일 올리기 까지) * 깃허브 페이지 사용하기 (튜토리얼) URL : github.com/ 인터넷이 연결된 컴퓨터 하나하나를 호스트(host)라고 한다. 웹 서버를 운영하기 위한 컴퓨터, 호스트를 빌려주는 회사를 웹 호스팅 업체 라고 한다. 수많은 웹 호스팅 업체 중 무료이면서 유명한 깃허브 사용할 것이다. 깃허브는 아주 중요한 서비스이다 왜냐하면 전 세계의 수많은 오픈 소스 프로젝트가 이곳에서 만들어지기 떄문이다 회원가입은 Sign up을 눌러 UserName, Email, Password만 입력하면 회원가입 할 수 있다. [Repository 생성] - new를 클릭하면 Create a new repository 화면으로 이동하며, 빨간색 box 부분을 작성 및 클릭 후 Create repository를 누르면 repo.. 2020. 9. 27.
li태그 메뉴 가로로 배열하기 * 홈페이지를 들어가 보면 menu들이 가로로 나열되어 있는데 UL, LI로 배열해 놓은 경우가 있다. * list 태그에는 UL, LI가 있는데 함께 묶어쓰는 태그이다. [태그 설명] * UL : Underline List => ● ● ● ● ●..... * OL : Orderline List => 1. 2. 3. 4. .... * LI : List [사용법] [UL, LI], [OL, LI] 는 함께쓰는 태그이다. EX) -- 1. 2. 3.으로 표현하고 싶을땐 UL자리에 OL로 고쳐주면된다. * 세로로 나열되어 있는 LIST를 가로로 변경해주기 위해선 CSS STYLE 적용이 필요하다. list-style : none 은 1.2.3. 또는 ● 표시를 아예 없애기 위한 css이다. UL과 LI의 ma.. 2020. 9. 24.
6) DATABASE : 관계형 데이터 모델링 MODEL : 어떤 목적을 가지고 진짜를 모방한 것 (좋은 모델이란 목적에 부합하는 모방) 목적 : 관계형 데이터베이스, 표에 데이터를 담는 것 DATA MODELING : 복잡한 현실을 컴퓨터로 이사시키는 작업 (데이터베이스의 기본 사용법 (테이블의 생성, 조회, 수정, 삭제, JOIN)은 알고 있지만, 복잡한 현실을 데이터베이스로 표현하는데 어려움이 있는 분에게 유용한 수업입니다. 프로젝트의 참여자들과 소통을 하는데 어려움이 있는 사람에게 도움이 된다.) 전체 흐름 : 데이터모델링 순서 업무파악 --> 개념적 데이터 모델링 --> 논리적 데이터 모델링 --> 물리적 데이터 모델링 1) 업무파악 - 가장 중요!!!! 우리가 해야할 일이 무엇인지 의뢰한 사람과 잘 협력해서 알아내야 하는 것 어떤것을 꿈꾸.. 2020. 7. 28.
5) DATABASE : SQL JOIN 표를 분산하는 것을 통해 중복을 제거할 수 있다. 표를 만들 때 지침으로 삼아야 할 말 모든 표는 하나의 테마(주제)만 가져야 한다. --> 합쳤을 때의 정보가 다른 테이블에서도 사용되는 경우 누군가를 분가시킬 타이밍이다 그렇다고 해서 테이블에 모든 정보가 다 있는게 안좋은 게 아니다. 두가지 방법의 장점과 단점을 합해 사용하기 위해 나온것이 JOIN 이다. 실습 준비) 좋은 부품 만들기 = 쪼개기 LEFT OUTER JOIN : 왼쪽에만 있는 정보도 출력하는 것 (가장 인기 O) 가장 많이 사용하는 이유 - A라는 정보만 가져올때, B에는 없는 경우가 많기 때문에 사용 ex) INNER JOIN : LEFT, RIGHT, FULL 없으면 INNER JOIN 과 같다. - INNER JOIN은 교집합이기.. 2020. 7. 28.
문서를 생활화 하자 https://docs.spring.io/spring-framework/docs/current/spring-framework-reference/integration.html#scheduling 2020. 7. 9.
TASK Scheduler 태그의 scheduler 속성은 작업을 실행할 스케줄러 빈을 설정 --> 태그는 한개 이상의 태그를 가질수있음 태그는 스케줄러를 통해서 실행될 작업을 설정. --> 태그는 작업을 언제 실행할지의 여부를 지정하기 위해서 다음 세가지 속성중 한가지를 사용 1. cron : cron 표현식을 이용해서 실행 시간을 표현 2. fixed-delay : 지정된 시간 간격으로 작업을 실행 3. fixed-rate : 지정한 시간 주기로 작업을 실행 => 위 속성을 여러개 지정할 경우 위 순서대로 우선순위 적용 --> 2020. 7. 9.
2) DATABASE - SQL Join [표 쪼개기] -- 중복을 줄인다.!!!!!! SQL JOIN EXERCISE 검색하면 실습에 필요한 엑셀 파일을 다운받을 수 있다. 소프트웨어를 만드는 과정에서 그게 무엇이건 데이터건 코드건 중복이 발생하면 안좋은 징후이다. -- 데이터가 중복이 발생하면 데이터 용량을 엄청 많이 소비한다. 2020. 7. 5.
4) WEB - Ajax(2) : 페이지 구현 [fragment identifier를 이용한 초기 페이지 기능 구현] -- ajax를 사용했을 때 직면할 수 있는 여러가지 부작용들을 완화해나가는 방법을 살펴보기 1. 링크인데 밑줄이 없고 순수한 상태로 활성화 되게 하고 싶어할듯. 2. 우리가 알고있는 웹페이지는 주소가 페이지 별로 달라져 주소를 공유할 수 있는 측면이 있었으나, ajax는 그러한 한계점이 있다. [해시] -- 페이지 안에서 어떤 특정한 부분으로 접근할 때 ' 세번째 문단의 사용자에게 url을 통해서 접근할 수 있도록 하고 싶을때, hash기능을 사용할 수 있다.(bookmark 기능) 이러한 특성을 이용해서 url에 색상을 입힐 수도 있고 hash값이 무엇이냐에 따라서 ajax로 다른 페이지를 로드해서 시작되는 페이지를 셋팅할 수 있.. 2020. 7. 5.
4) WEB - Ajax(1) [Ajax(Asynchronous Javascript And Xml)] 자바스크립트가 도입되면서 웹은 빠른 속도로 정적인 것에서 동적인 것으로 문서에서 Application으로 변화하기 시작 웹페이지 정보를 부분적으로 변화시킴 클라이언트를 사용하는 사용자에게는 좋은 경험을 서버를 사용하는 생산자에게는 지출을 줄여줌 [목적] 네트워크(크롬 개발자도구) : (크롬브라우저)오른쪽 클릭 => 검사 => 크롬 개발자도구 => 네트워크 탭 : 웹브라우저가 웹서버와 어떤 정보를 주고받는지 모니터링 하는 도구 ajax란 - 부분적으로 웹페이지를 갱신할 수 있도록 도와주는 기술 ajax를 배워야 하는 이유 1) 페이지를 전환할 때마다 모든 파일을 다운로드 받는것과 클릭해서 내용이 변경할 때 부분적으로 내용을 변경하는 것.. 2020. 7. 1.
3) WEB - Javascript HTML, CSS - 정적 JavaScript - 동적 - 사용자와 상호작용하는 언어이다. - javascript가 HTML을 제어하는 언어다. 이러한 특성이 웹페이지를 동적으로 만들어준다. elements : 태그 -- style 속성값으로는 무조건 CSS가 온다. [중요한 이야기] - javscript는 HTML 위에서 시작하는 언어 - document.write("") : HTML 화면에 글씨 출력 - javascript를 사용하기 위해서는 태그를 쓴다. event(사건) onclick이라는 속성은 javascript가 와야 한다라는 것을 전제로 하고 있따. javascript는 웹브라우저가 값을 기억하고 있다가 클릭을 했을 때 동작할 거 라는 의미를 담고있다. 검색이 가장 중요하다. (javasc.. 2020. 6. 22.
728x90
반응형