전체 글 (53) 썸네일형 리스트형 계층형 게시판이란 계층형 게시판이란 게시글과 그에 대한 답글이 계층관계(종속관계)를 가지는 게시판을 말합니다. 그러므로 답변글은 원글에 대한 정보를 가지고 있어야 합니다.계층형 게시판의 종류는 딱 구분되어있지는 않지만, 게시판의 사용용도, 예상되는 사용자의 수에 따라서 개발자가 원하는 로직을 선택해 만들 수 있습니다. 예를 들면, 댓글의 정렬 방법을 최신글을 가장 위로 하느냐 밑으로 하느냐 혹은 답글의 수를 제한하느냐 원글과 답글의 table을 따로 설계해서 관리하는 관계형 게시판이냐 등 다양한 의도에 따라서 만들어질 수 있습니다. 저희 조는 네이버 까페 게시판의 폼을 참고하여, 조원들끼리 질문을 하고 답글을 남기는 형식의 계층형 게시판을 설계하기로 결정했습니다. 네이버 까페 게시판은 어떤 원글에 대해 답글이 달리면 그 .. Thread란? Thread? 동작하고 있는 프로그램(메모리를 할당받아 실행 중인 프로그램)을 프로세스(process)라고 한다. 보통 한 개의 프로세스는 한 가지의 일을 하지만, 쓰레드를 이용하면 한 프로세스 내에서 두 가지 또는 그 이상의 일을 동시에 할 수 있다. 프로세스 내의 명령어 블록으로 시작점과 종료점을 가진다. 실행 중에 멈출수 있으며 동시 수행이 가능하다. 어떠한 프로그램내에서 특히 프로세스 내에서 실행되는 흐름의 단위 Thread를 만드는 방법(2가지)Thread 클래스를 상속받는 방법과 Runnable 인터페이스를 구현하는 방법이 있다.1) Thread를 상속 받아서 쓰레드를 만드는 방법 - java.lang.Thread클래스를 상속받는다. 그리고 Thread가 가지고 있는 run()메소드를 오버라이.. localStorage에 data 저장하고 불러오기 1. html DOCTYPE html> This works! 00:00 2. css body { background-color: rgb(129, 156, 86); color: white;} .clicked { color: orange;} .btn { cursor: pointer;} .form,.greetings { display: none;} .showing { display: block;} 3. JavaScript const form = document.querySelector(".js-form"), input = form.querySelector("input"), greeting = document.querySelector(".js-greetings"); const USER_LS = "currentU.. make clock with vanilaJS vanilaJS로 초 단위로 흘러가는 시계 만들기!(setInterval, conditinal Expression) 1. html file DOCTYPE html> This works! 00:00 2. clock.js const clockContainer = document.querySelector(".js-clock"), clockTitle = clockContainer.querySelector("h1"); function getTime() { const date = new Date(); const minutes = date.getMinutes(); const hours = date.getHours(); const seconds = date.getSeconds(); clockTitle.innerText.. window10환경에 hugo다운 받고 환경설정하기 google에 개발 관련된 자료를 찾아보면, 사이트 주소에 github.io 가 포함된 사이트들이 많더라고, github으로도 블로그를 만들 수 있는건가 궁금해서 찾아보니, static site 가 많이 만들어져서 사용되고 있는 것을 알게되었어. 물론 나는 티스토리가 더 편하고 좋지만, 나도 한번 해보자는 생각으로 자료들을 검색해서 만들어 봤어.정적 웹 페이지란 사용자가 이용하면서 자료가 바뀌는 동적인 웹 페이지가 아닌 페이지의 주인이 써놓은대로만 보여주는 항상 같은 내용만을 보여주는 웹 페이지를 말해 동적 웹 페이지들은 DB를 활용하고, 정적 웹 페이지는 DB를 사용하지 않고 전부 html 단위의 파일로 이루어져 있지위키피디아에 검색해보니 "정적 웹 페이지는 저장된 것과 똑같이 사용자에게 전달됩니다. .. Day 10~11. 친구관리 프로그램 간단한 친구관리 프로그램을 작성해보았다. 친구의 정보(이름, 전화번호)를 입력받아서 저장하고, 정보를 불러와서 보여주고, 삭제(절교)하고, 친구 리스트의 숫자를 보여주는 프로그램이다. 1. 인터페이스를 만들고 추상 메소드들을 만들어줬다. package my.examples.friendlist.dto; import java.util.List; public interface FriendManagerInterface { abstract void addFriend(Friend friend); abstract List searchFriend(String name); abstract int deleteFriend(String phone); abstract int countFriend(); } 2. Friend 클래.. 간단한 function 만들기, MDN 문서의 중요성 clickTest라는 메소드를 만들고 실행하는 과정이다. 메소드는 title의 색이 흰색이면 파란색으로 파란색이면 빨간색으로 바꿔라 라는 내용이다. 위의 코드는 js파일에 간단하게 online과 offline일때 콘솔에 메세지를 띄워주는 함수를 작성하고 window.addEventListener("동작",메소드)를 실행해서 wifi 접속의 유무에 따라서 콘솔에 메세지를 뿌려주는 것을 해본 것이다. 또 그 밑에는 현재의 색깔과 내가 미리 설정해 놓은 BASE_COLOR가 다를 경우 title id의 글자 색을 바꿔주는 메소드를 만들어서 실행해 본 것이다. 보통 js에서 직접적으로 css를 바꿔주는 일은 잘 하지 않는다고 한다. css, html, js 각각이 수행하는 역할과 그에 따른 영역들이 명확하게 나.. 변수의 선언과 JS 자료 저장 구조(배열) 배열을 만들어서 콘솔에 찍어보는 과정이다. nicoInfo라는 배열 안에 여러가지 key와 그에 따른 value들이 들어가있다. favMovies나 favFood 에는 [somthing, something,]로 배열을 또 추가해주었다. 그 배열 안에 또 중괄호로 여러가지 값들을 넣어줄 수 있다. JavaScript에서 자료를 저장하는 방식이 이런건가 보다. 최근에 공부한 Json 의 구조와 똑같다는 걸 기초수업을 들으면서 확인할 수 있었다. 이건 그냥 String, Boolean, Float, Number 의 값을 어떤 형식으로 저장하는지를 기본적으로 알아본 것이다. 이전 1 2 3 4 5 6 7 다음
