목록 Development/비개발자를 위한 IT지식 (4)
글쓰는 개발자
자바스크립트, c++ 자바, html등 시중에는 다양한 개발관련 서적이 많이 출시되어 있다.이러한 다양한 전문서적과 인터넷 강의등 오픈된 지식들이 많이 있음에도 불구하고 제로부터 시작해 개발자가 되려면 그 시작을 어떻게 할지 감이 잡히지 않는다.기본적인 웹 서버 프로그램을 튜토리얼을 따라 만들어 보아도 이 간단한 프로그램으로 무엇을 할지 모르겠고 결국 실무를 쌓아야 한다는 생각은 들지만 무언가를 만들어본 경험이 없어서 포트폴리오를 어떻게 만들지 모르게 된다.물론 필자처럼 4년제 컴퓨터 학과를 나와서 나름의 실습을통해 경험을 쌓고 졸업시기에 이력서를 넣는 경우를 제외하고선 대부분의 비전공자의 경우 자신에게 남은 옵션은 비싼수강료를 지불하고 혹은 취업후 몇십프로의 월급원천징수를 약속하고 6개월 부트캠프밖에는..

1. javascript의 발전 앞에서 이야기 했듯이 초기의 웹은 웹페이지(HTML)혹은 서버페이지(JSP, ASP, PHP)등으로 이루어져 있었고 동적인 페이지 변경을 위해서는 Form에 데이터를 담아서 서버페이지를 통해서 결과를 받는 방식이었다. 하지만 javascript가 생기면서 HTML내에 script 태그를 사용해 동적인 데이터 변경을 할 수 있게 되었다. javascript의 장점은 페이지의 이동이나 깜빡거림 없이 또한 서버와의 통신이 필요없이 값을 동적으로 변경시킬수 있다는데에 있는데 이전과 같이 php를 통하지 않고 데이터 처리 또는 계산된 값을 나타낼 수 있다. 하지만 HTLM 태그에 입력된 값을 가져오기 위해서는 특별한 방식을 사용하는데 document.getElementById 같은..

- 제플린 사용 최근에는 웹 / 앱 개발을 위해 제플린을 많이 활용하는 추세다. 제플린의 장점은 컴포넌트의 높이와 넓이, 폰트 크기 및 weight 등 컴포넌트를 구성하는 속성을 클릭한번으로 바로 알 수 있다는 점이다. 특히나 컬러를 코드값과 이름으로 모두 받게 되는데 개발자 또한 중복되는 컬러코드를 변수로 사용하는 경우가 있어서 컬러 코드가 잘 정의되어있으면 디자이너와 개발자간의 소통과 개발이 수월하다. 제플린을 사용해 개발할때 난감할때가 있는데 자식 컴포넌트를 감싸는 부모 컴포넌트가 Grouping 되어있으면 자식을 클릭하기 위해서 두번의 선택해야 하며, 이렇게 선택된 컴포넌트는 타 컴포넌트와의 마진이나 패딩 확인이 되지 않는다. 마진과 패딩을 쉽게 보여주기 위해 화면을 감싸야 하는 경우가 있지만 전..

최초의 웹 페이지는 html 정적 페이지* 로 시작 되었다. *정적 페이지: 동적 페이지의 반댓말로 페이지에 이미지 텍스트 등을 지정해 두고 데이터의 변경에 따른 화면 변경이 이루어 지지 않는 페이지를 말한다. HTML은 Hyper Text Markup Language의 약어로 마크업 언어라는 문법을 사용해 문서를 작성하면 지정된 포멧에 맞게 이를 화면에 포매팅 해주는 역할을 한다. 예를들어 한글(HWP) 파일도 이러한 마크업의 한 예인데, HTML과의 차이점은 글씨의 크기나 위치 마진 장평 등을 사용자가 UI 에디터(한글 프로그램)로 변경하면 한글에 맞는 형식으로 안녕하세요 저장이 되지만 HTML은 브라우저의 종류가 다양하고 윈도우 크기 등이 다양하고 또한 데이터가 동적으로 변화하면서 각종 이벤트(버튼..