본문 바로가기

코딩

웹 개발 환경 구축하기 웹 개발을 할 때 메모장으로도 가능한 것을 아시나요? 하지만 엄청 불편합니다. 그래서 웹 개발을 할 때 개발 툴을 설치해서 프로그래밍을 합니다. 웹 개발뿐만 아니라 다른 언어도 마찬가지죠. 오늘은 웹 개발 환경 구축에 대해 알아보려고 합니다. 웹 개발 환경을 사용할 때 사용하는 개발 툴은 다양하게 있습니다. 저는 이번 글에서 웹 개발에 유용한 개발 툴 3가지를 소개해드리려고 합니다. 01. brackets brackets는 웹 개발에 초점을 맞춰 만들어진 소스 코드 편집기입니다. 쉽게 말하면 웹 개발 전용 개발 환경입니다. 어도비 많이 들어보셨나요? 포토샵이나 일러스트레이터 등 다양한 디자인 툴을 판매, 제공하는 기업이죠. brackets는 바로 어도비에서 개발한 툴입니다. 현재는 어도비와 다른 오픈 소.. 더보기
프런트엔드에 대해서 알아봅시다. 여기를 검색해서 들어오신 분이라면 대부분 웹 개발에 대해서 입문하셨다고 생각합니다. 그래서 먼저 웹 개발을 위한 환경 세팅을 하기 전에 웹개발에는 무엇이 있는지부터 알아보겠습니다. 웹 개발은 크게 두 개로 구분지을 수 있습니다. 프런트엔드와 백엔드 바로 프런트엔드와 백엔드입니다. 프론트엔드 개발은 지금 여러분이 보고있는 화면 구성의 전체적인 부분을 담당합니다. 어려운 말로는 '사용자가 보는 인터페이스 구성을 개발한다'고 할수 있겠습니다. 네이버 홈페이지로 설명하자면 눈에 보이는 모든 요소를 개발한다고 생각하면 됩니다. 저는 프론트엔드 개발을 하고 있기 때문에 앞으로 백엔드 설명을 제외하고 프론트엔드 설명만 할 예정입니다. 제가 임의로 네이버 홈페이지의 영역을 나눠봤습니다. 위의 이미지 사진과 같이 홈페이.. 더보기
C# 난수(Random)를 이용한 숫자 맞추기 Chapter 01 제가 저번에 썼던 글을 보시면 알겠지만 코딩을 배우려면 문법을 먼저 보는거보다 프로그램을 먼저 만드는것이 중요하다고 강조한 적이 있습니다. 또한 앞서말하자면 저는 여러분이 코드 예제를 그대로 복사 붙여넣기하는것을 방지하기 위해서 완성된 코드예제를 캡처 하겠습니다. 오늘은 첫 번째 프로그램을 만들어보려고 합니다. 사실 프로그램이라고 하기엔 간단한 것이지만 그 안에는 많은 내용이 담겨 있으니 꼭 천천히 따라와주길 바랍니다. 코드 살펴보기 01. '변수' 가방 만약 여러분이 코딩을 처음 한다면 지금 이 코드를 봤을때 어떤 기분인지 짐작이 갑니다. 저 또한 그랬으니까요. 하지만 걱정하지 않으셔도 됩니다. 초보자의 시선에서 같이 하나씩 천천히 살펴보겠습니다. 모든 설명은 입문자에게 맞춰 설명하기 때문에 어려운 단.. 더보기
C# 개발환경 비주얼 스튜디오(Visual Studio) 설치하기 C#에 입문하신 것을 환영합니다. 아마 이글을 보는 분들은 코딩을 이제 막 시작하려고 하는 분들일 겁니다. 이 글에서는 C#으로 프로그래밍하기 위한 개발환경 설치에 대해 알아보겠습니다. Visual Studio는 통합개발환경입니다. 정확하게 감이 오지 않으실 텐데 쉽게 말하면 Visual Studio 프로그램 하나만 있으면 C, C++, C#, Python, HTML, CSS, Unity 등 언급한 언어 외에도 다양한 언어로 개발할 수 있습니다. HTML과 CSS는 Visual Studio Code라는 프로그램을 이용하면 더 편하게 개발할 수 있습니다. Visual Studio 2019 설치하기 01. Microsoft 공식 홈페이지에 접속하기 www.microsoft.com/ko-kr/ Microsof.. 더보기