지식을 나누는 공간

생성자, getter, setter 생성 Alt + Insert navigate Ctrl + B 이전 탭으로 Ctrl + E Enter 멀티 선택 Shift + Ctrl + Alt 복사후 rename Member member1 = new Member(); member1.setName("spring1"); repository.save(member1); Member member2 = new Member(); member2.setName("spring2"); repository.save(member2); Shift + F6 변수 타입 자동 생성 //전 new Member(150L, "A"); //후 Member member1 = new Member(150L, "A"); Ctrl + Alt + V Test 자동..

Ajax(Asynchronous Javascript And XML) : 페이지의 리로드없이 서버에게 정보를 요청해 부분적으로 정보를 갱신해주는 기술. 대표적으로 추천검색어가 있다. Ajax 사용의 이점 필요한 부분만을 웹 페이지는 로드하므로 사용성의 증대가 생기고, 시간, 돈, 네트워크 자원의 낭비를 줄인다. 바뀔 수 있는 부분만 Ajax를 통해 동적으로 변경하면 생산성이 월등히 좋아진다. (Single-page application) Ajax는 서버를 통해 통신하므로 웹서버를 통해 웹 페이지에 접속해야한다. 웹서버 운영하기 - 생활코딩 (opentutorials.org) 웹서버 운영하기 - 생활코딩 웹서버 소개 --- 이번 시간에는 내 컴퓨터에 웹서버를 설치해서 누구나 내 컴퓨터에 있는 웹페이지를 볼 ..

1. 그리드 디자인을 위해 어떠한 의미도 담지 않은 태그가 필요한 순간이 있다. 무색무취의 태그 => 블럭 엘리먼트 => 인라인 엘리먼트 CSS에도 부모자식 태그가 가능하다 id값을 주어 묶을 수 있다! 드디어 그리드 사용 등장! disply: grid; grid-template-colums: ___ ____ 이 전체 문서 중, 이 부분에 주목해보자 일부러 그리드의 영역을 확인하기 위해 solid pink와 gray로 표현했다. grid -template-columns을 주었을 때 요렇게 변하는 군! 이 내용을 응용해서, 만들던 페이지에도 그리드를 적용해보았다! 바로 이렇게. 그런데 저 박스 크기만큼만 내려온 border-right 선을 더 쭈욱 내리고 싶은데 흠.. 어떻게 할 수 있을까? 다음 강의를 ..

1. CSS 등장 배경 WEB이 처음 세상에 등장했을 때에는 단 하나의 서비스만 있었다. 바로 HTML. HTML을 이용해서는 전자문서를 만들 수 있었다. 컴퓨터를 이용해서 정보를 표현할 수 있었고, 인터넷을 통해 전세계 누구나 볼 수 있게 할 수 있었다! 당시로서는 혁명적인 사건이었고, 사람들은 웹에 열광하게 되었다. 처음에는 html으로 문서를 만들 수 있게된 것만으로도 만족했지만, 곧 여러가지 불평들이 생기게 되었다. 수많은 불만족 중에 웹페이지를 좀 더 보기 좋고, 아름답게 만들고 싶다는 불만이 CSS의 등장 배경이다. 문서의 글꼴, 문자의 크와 색상, 가운데 정렬, 문서의 배경 이미지를 넣고 싶어요 등등등 웹페이지를 아름답게 만들 방법에 대한 깊은 고민에 빠지게 된다. 두 가지 방법이 있었다. ..

WEB1-16.원시웹 WEB의 본질? 정보 기술에 대한 관점 포인트를 넓혀보자! 인터넷과 WEB과 같은 혁명적인 무언가를 만들기 위해서는, 이것들의 탄생과 소멸에 대해 알아야 한다! Internet vs WEB? 인터넷이 도시라면, 웹은 건물 하나 인터넷이 운영체제라면, 웹은 그 운영체제 위에 있는 프로그램 하나라고 할 수 있다. 인터넷은 이런 형태다. 웹의 메소포타미아 웹의 메소포타이마에 왔다. 인터넷이 등장한 1960년 이래로, 엘리트들만의 시스템이었던 인터넷이, 1990년 web을 만나면서 드디어 대중화의 길을 겪게 된다. 인터넷이 갖고 있는 잠재력을 제대로 사용한 시스템이 많지 않았는데, WEB이 등장하면서 인터넷의 잠자고 있던 가능성을 제대로 깨우는 정보 시스템이 등장한 것이다. 이렇게 웹과 인..

줄바꿈 br vs p = 시각적으로는 br과 같더라도, Tag는 정보로서 좀 더 가치있는 html이 될 수 있다. p tag 사이가 하나의 단락이라는 것을 알려주기 때문이다. 최후의 문법 속성 & img 이미지 소스의 링크 주소를 "" 사이에 넣어준다. 그러면 웹페이지에 해당 이미지를 삽입할 수 있게 된다. unsplash에서 무료 이미지를 하나 골라 나의 web폴더에 다운로드 받아서, 해당 이미지 네임을 "" 사이에 넣어주었다. 이미지 크기가 너무 커서, 화면에 딱 맞추기 위해 width="100%"도 추가해주었다. 검은 밑줄 친 저 두개와 같은 것들을, Attribute라고 한다! 부모자식과 목록 li는 반드시 ul 부모태그를 갖고 있고, ul 부모태그는 반드시 li 자식태그를 가지고 있다. 의 부모..