분류 전체보기
-
[HTML] HTML의 모든 것 - (1)HTML, 기본 문법,Attribute, Heading, Style, Text, ColorsSTUDY/HTML.CSS.JS 2021. 3. 3. 14:36
빠른 검색 HTML 웹 페이지 HTML 기본 문법 Attribute Heading과 Paragraphs Styles Text Formating Colors HTML HTML은 HyperText Markup Language의 약자로, HyperText(웹 페이지에서 다른 페이지로 이동할 수 있게 하는 것)를 가장 중요한 특징으로 하고, Makrup이라는 형식을 가진 컴퓨터 프로그래밍 언어라는 뜻이다. 프로그래밍 언어는 컴퓨터와 사람 간의 약속이다. 그 중에서도 이 HTML은 웹 브라우저와 사람 간 서로가 이해할 수 있는 언어이다. 웹 페이지 웹 페이지는 World Wide Web(WWW, W3)에 있는 개개의 문서를 말한다. 웹 페이지는 .html 혹은 .htm 이라는 확장자 포맷을 가지고 있다. HTML..
-
API vs 라이브러리 vs 프레임워크TIL 2021. 2. 1. 14:01
API, 라이브러리, 프레임워크는 공부하다 보면 정말 수도 없이 보고 듣게 되는 말이다. 하지만 이들의 차이점과 역할을 말해보라 한다면 뭐라고 말을 할 수가 없어 정리를 하려고 한다. 라이브러리 응용 프로그램 개발을 위해 필요한 기능을 모아 놓은 소프트웨어이며, 그 기능에 대한 도구 또는 함수들의 집합이라고 할 수 있다. ○ 프로그래머가 어떠한 기능을 수행하기 위해 도움을 주는 또는 필요한 것을 제공해주는 역할을 하는 것. ○ 라이브러리는 재사용이 필요한 기능으로 반복적인 코드 작성을 없애기 위해 언제든지 필요한 곳에서 호출하여 사용할 수 있도록 Class나 Function으로 만들어진다. ○ 프로그램을 만들때 기존에 만들어진 함수들을 재활용함으로써, 프로그램의 제작 시간과 노력을 줄일 수 있다. 그리고..
-
[Project - 01] 2. 랜덤 좌석 배정 프로그램 : 기본 기능 만들기Project/[Project - 01]랜덤 좌석 배정 프로그램 2021. 1. 22. 17:39
랜덤 좌석 배정 프로그램의 기본 기능은, [좌석 배정] 버튼을 누르면 아래의 책상에 랜덤으로 번호가 배정되는 기능입니다. 전체 코드는 github에서 확인할 수 있습니다. https://github.com/younyikim/RandomSeat ●IDE : Atom 제목 및 table 레이아웃 랜덤 좌석 배정 프로그램 font는 구글 font를 사용하였습니다. 테이블을 책상 배치처럼 보이게 하기 위해, 아래와 같은 css 속성을 지정하여 사용하였습니다. table { width : 90%; border-spacing: 0px 10px; } th, td { border : 1px solid black; text-align : center; font-size : 20px; } Button button은 이곳(..
-
[Project - 01] 1. 랜덤 좌석 배정 프로그램 : 개요Project/[Project - 01]랜덤 좌석 배정 프로그램 2021. 1. 22. 16:28
Git에 대한 포스트들 이후로 한동안 포스트를 올리지 못했는데, 그 기간 사이에 HTML,CSS,JavaScript를 다시 한번 훑어보면서, 연습삼아 간단한 프로그램을 하나 제작해보자 해서 이 '랜덤 좌석 배정 프로그램'을 만들기로 했습니다. 처음에는 MVC구조나, model1 구조를 가지고 만들까 생각했는데, 크게 DB가 필요한 프로그램도 아니고 괜히 더 복잡해질 것 같아 HTML,CSS,JavaScript로만 우선 만들어보려고 합니다. (이후에 점차 기능을 추가해볼 예정..) "랜덤 좌석 배정 프로그램" 어떤 프로그램인지, 왜 만드려고 하는지에 대한 얘기를 잠시하고, 본격적으로 프로그램에 대해 소개를 하겠습니다. HTML,CSS,JavaScript은 단순히 개념과 실습만으로 공부하기 굉장히 재미없습니..
-
[Project - 01] 0. 랜덤 좌석 배정 프로그램 : README.mdProject/[Project - 01]랜덤 좌석 배정 프로그램 2021. 1. 22. 15:59
README.md 프로젝트 명 : 랜덤 좌석 배정 프로그램 개발 환경 ● Language : HTML , CSS, JAVASCRIPT ● OS : Windows, Mac OS ● IDE : Atom 주요 기능 ● 사용자가 인원을 선택하면 랜덤으로 좌석이 배정됨. (진행중 - 85%) ● 특정 번호가 항상 짝이 될 수 있게 조정할 수 있음. (예정) ● 사람들의 이름이 적힌 엑셀 파일을 올리면, 이를 이용하여 좌석 배정을 할 수 있음.(예정) ● 이전의 좌석 배정 내용을 확인할 수 있음.(예정) ● 이전 좌석에는 앉지 않기 / 이전 짝꿍과는 앉지 않기 (예정) 프로그램 화면 * Github : github.com/younyikim/RandomSeat
-
Git - 7. 원격 저장소 GithubSTUDY/Git & Github 2021. 1. 11. 19:37
#이 글은 "생활코딩" '프로젝트 관리' 강의를 기반으로 정리한 글 입니다. 이제야 드디어 Github에 대한 내용을 언급하게되었습니다..! 저는 이 Github를 사용하기 위해 git을 공부하기 시작하게 되었습니다. 학교 과제로 진행한 팀프로젝트를 진행하면서도, Github의 필요성을 크게 느꼈고, 다양한 동아리나 회사 등에서도 Github 사용 경험을 요구하는 곳들이 많이 존재하기 때문이었습니다. 무작정 Github을 시작해본 적도 있지만, 번번이 실패했는데 이번에 이렇게 git을 공부하고 사용하니 확실히 더 유용하게 사용할 수 있을 것 같습니다. 이제 Githb에 대해 알아보도록 하죠! Github 란? Github는 Git을 기반으로 소스코드를 관리하고, 개발자들 간 협업 지원 등의 기능을 지원하..
-
티스토리 이미지 가로로 나열하기, 이미지 설명도 반응형으로 만들기Etc 2021. 1. 8. 21:09
오늘 처음으로 이 블로그를 주위의 사람들에게 알려주었다. 그러면서 나도 처음으로 모바일 환경에서 내가 작성한 글을 보았다. 늘 PC로만 작업하여, 모바일에서 어떤 모습으로 보일지 전혀 고려하지 못하고 글을 작성했다. 그러다보니 아래와 같은 문제가 발생하게 되었다. 의도한 바는, 두번째 사진처럼 사진 하나하나 마다 위에 설명이 나오는 모습이었다. 그냥 공백( )을 통해 간격을 준 것이기 때문에 조금만 화면의 크기가 달라져도 첫번째 사진과 같이 자기 멋대로 글씨들이 위치하게 되었다. 당연한 것이었는데 매번 똑같은 환경에서만 작성하였어서 전혀 생각을 못했다.... 그래서 이 문제를 해결해보려고 한다. _______________________________________ 아래는 내가 수정한 결과이다. PC로 ..
-
Git - 6.2 Git의 원리(part.2) Merge & Conflict, 3-way MergeSTUDY/Git & Github 2021. 1. 8. 15:18
#이 글은 "생활코딩" '프로젝트 관리' 강의를 기반으로 정리한 글 입니다. 이번글은 Git의 원리 마지막 글로, Merge와 Conflict 그리고 3-way Merge에 대해 알아보도록 하겠습니다. Merge & Conflict Merge 시, confilct가 발생하는 상황을 만들고, 이를 어떻게 해결하는가를 같이 한번 알아보도록 하겠습니다. 역시 이번에도 연습을 위해, 새로운 디렉토리를 하나 생성해주시고, git init을 해줍니다. 그리고 역시나 동일하게 f1.txt를 생성합니다. 이번에는 아주 간단한 함수를 하나 만들어줍니다. 그리고 git add f1.txt , git commit -m "1"로 새로운 버전을 하나 생성합니다. /* f1.txt */ function () { return 'c..