본문 바로가기

분류 전체보기

 (102)
Chapter 04. JavaScript의 연산자 1. 할당된 변수의 종류를 알려주는 typeof console.log와 사용하여 지정된 변수의 타입을 확인할 수 있다. 기본 형태는 console.log(typeof()); typeof로 확인할 수 있는 데이터 타입은 숫자(number), 문자(string), 논리(boolean), 배열(object), 함수(function), 데이터 없음 혹은 지정되지 않음(undefined) 등 다양한 정보로 확인이 가능하다. 2. 복합 할당 같은 값을 가지는 변수에 대해서 한번에 할당을 진행하는 것을 복합 할당이라고 한다. 변수를 선언한 변수 a1~a3에 같은 값을 할당한다면 a1=a2=a3=5+8; 로 할당이 가능하다. 이 경우, 가장 우측의 5+8이 연산되고 a3에 할당된다. a3에서 a2로 할당이 진행되고, ..
Chapter 03. JavaScript를 구동하기 위한 기초 태그 1. 입력한 정보 혹은 변수 연산에 대한 구동 확인 1.1. console.log(변수) 기본 형태: console.log(식별자); 혹은 console.log(“문장”); console은 컴파일러나 개발 툴이 가진 정보를 표시하는 공간으로 html에서 F12를 통해 확인이 가능하다. 개발자가 설정한 정보나 메시지를 표시하거나 혹은 브라우저(컴파일러)에서 발생하는 오류를 표시하기도 한다. 오류의 발생 정보는 개발자가 별도로 지정하지 않아도 표기가 될 수 있으나, 예외처리 등으로 핸들링한 데이터는 console.log로 정보를 전달하여 메시지를 출력할 수 있다. console 로그를 통해 프로그램의 충돌이나 잘못된 ‘항목’의 정보 확인이 가능하다. 1.2 할당된 변수의 종류를 알려주는 typeof 기본 형..
Chapter 02. JavaScript의 변수 1. 식별자 (Identifier) 식별자는 변수를 구분하는 이름을 의미한다. Java의 변수 선언과 같은 개념으로 이름을 지어 줄 때 브라우저가 인식할 수 있는 규칙이 존재한다. 대부분의 문자를 사용할 수 있으나 몇 가지 제약사항이 있다. 첫문자는 숫자로 시작할 수 없으며, 특수문자는 _와 $만 사용가능하다. 명령을 실행하는 예약어는 이름으로 사용할 수 없다. (예약어는 언어에서 이미 규정된 동작을 말한다. for나 if가 대표적이다.) 식별자는 기본적으로 변수 선언시에 사용되며 JavaScript를 기준으로는 var, ECMAScript를 기준으로는 let을 사용하여 선언한다. 담기는 데이터에 따라 '데이터 공간'을 자동으로 식별하고 저장한다. 이러한 특성에 의해 다양한 종류의 데이터를 담을 수 있지..
Chapter 01. JavaScript의 기초 1. 개요 JavaScript는 브라우저에서 사용할 수 있는 Programming Language 로, 별도의 설치 없이 브라우저만으로 동작하여 쉽고 편하게 구현이 가능하다. 또한 html 태그를 데이터로 사용할 수 있어, 활용도가 높고 특정 OS를 따라 구동되는 방식이 아니기 때문에 비교적 플랫폼에 자유로운 장점이 있다. 2. 역사 Netscape 개발자가 만든 언어로 초기 모델은 mocha라고 불렀다. Netscape2.0에 도입되면서 livescript로 발전한다. 이후 사업 규모의 확장으로 개발자 1명이서 감당을 할 수 없게되고 java를 만든 Sun microsystems의 허가로 JavaScript라고 이름을 변경한다. JavaScript는 초기에 산업 표준이 정해져 있지 않아 회사마다 다른 ..
15. TEAM 프로젝트: Status 200 개발 후기 1. 팀 프로젝트 시작! 공부를 시작한지 6개월이 지나고, 개인 프로젝트로 일기장, 엑셀 내 데이터로 차트를 그려주는 프로그램을 만들었다. 실력이 늘어간다는 자각보다는 늘 부족하다는 갈증에 헤맬 무렵, 실제 개발 현장에 대해서 강좌 하는 Wanted를 신청하고 볼 수 있었다. 많은 사람들이 개발자를 하길 원하고, 이 길로 정진한다는 사실을 알았을 때 뭔가 답답한 기분이 들었다. 대부분 팀으로 무언가를 만들고, 아주 멋진 프로그램들을 세상에 내놓는 사실은 내 부족한 면모를 자극하는 것 같았다. 그러던 중, 우연치 않게 같이 공부하는 동기들과 팀을 결성해 팀 프로젝트를 진행할 수 있는 기회가 생겼다. 모두 나보다 실력이 출중하고, 또한 노력도 많이 하는 친구들이기 때문에 평소에도 많이 배우고 있었다. 그런 ..
14. TEAM 프로젝트: Git Hub 링크 개발 과정은 1~13번 글을 참고해주세요. 1~13까지 올린 소스코드는 모든 소스코드를 올린 것이 아닙니다. 자세한 소스가 보고 싶다면 Git Hub를 확인해주시기 바랍니다. STATUS200 Git hub로 이동하기 GitHub - JayHyunK/team1jo: 팀프로젝트 1조 팀프로젝트 1조. Contribute to JayHyunK/team1jo development by creating an account on GitHub. github.com 코드 없이 후기에 대한 내용만 궁금하실 경우 15번 글을 봐주세요. 감사합니다.
13. TEAM 프로젝트: 헤더 디자인 및 캘린더 디자인 상세한 개발 내역을 작성할려고 했으나, 여러 번의 디버그가 있었고 개발 단계에서 변경되는 점 또한 많았다. 때문에 완성된 캘린더를 기능 별로 정리하고, 개선점을 작성하려고 한다. (TimeLine에 작성해 봤으나 글이 한눈에 들어오지 않는다는 단점이 있어서 방법을 바꿨다.) 1. 디자인을 할 때 고려한 것 프로그래밍을 할때 사용자의 경험을 증진하려면 어떻게 해야할까를 늘 고민하면서 기능을 구현한다. 다만 디자인은 대부분 감각에 의존해서 한다. 감각이라함은 배치와 간격에 따른 안정감, 폰트 크기의 적절함을 고려한 상태를 말한다. 쉽게 말해서 내가 보기에 안정적이고 이쁜지를 본다는 것이다. 캘린더의 기능을 구현할 때 하나의 컬러를 설정하고 싶었지만, 이럴 경우 스케줄의 가독성이 낮아진다. 때문에 최대한 적은..
12. TEAM 프로젝트: 캘린더 기능 구현 - 실시간 알림 상세한 개발 내역을 작성할려고 했으나, 여러 번의 디버그가 있었고 개발 단계에서 변경되는 점 또한 많았다. 때문에 완성된 캘린더를 기능 별로 정리하고, 개선점을 작성하려고 한다. (TimeLine에 작성해 봤으나 글이 한눈에 들어오지 않는다는 단점이 있어서 방법을 바꿨다.) 1. 실시간 알림 기능 실시간 알림기능은 Socket 네트워크를 통해 구현하였다. 기존에 알던 Http 방식은 Request와 Response가 1:1로 대응하지만, Socket의 경우 1:N으로 대응하도록 통신이 가능하다. HTML5 부터 Socket 기능이 표준화되어 Spring을 사용하지 않아도 구현이 가능하다. 때문에 이를 이용하여 간단하게 기능을 구현하였다. 1) Servlet package ServletCalendar; i..

티스토리툴바