AngeRay

text-styling 텍스트 색(color 라는 property 사용) 텍스트에 색깔을 설정하는 방법 색을 지정해주는 방법이 몇 가지가 있다. 1. 색이름을 지정해준다. 모든 색이 있지는 않지만 브라우저에서 140개의 색을 지원한다. 2. RGB값을 작성한다. 모든 색은 빨강(Red), 초록(Green), 파랑(Blue)의 조화로 표현할 수 있다. 이 표현 방식이 바로 'RGB'이다. 3. HEX값(16진법) HEX 값은 단순히 RGB 값을 16진법으로 표현한 방식이다. 몇 가지 텍스트 스타일링 텍스트의 굶기를 정하는 font-weight. - 100 부터 900 까지의 값들을 가질 수 있다. (100이 가장 얇고, 900이 가장 굵다.) - font-weight : normal 이 400과 같다(de..

도움이 되는 사이트 웹 개발에 유용한 사이트 당연히 google 이다. 구글링을 통해서 HTML, CSS에 대한 정보를 쉽게 찾을 수 있다. W3Schools : https://www.w3schools.com/ W3Schools Online Web Tutorials HTML Example: This is a heading This is a paragraph. Try it Yourself CSS Example: body { background-color: lightblue; } h1 { color: white; text-align: cente www.w3schools.com stackoverflow : https://stackoverflow.com/ Stack Overflow - Where Develope..

코멘트 코멘트 웹 사이트에 아무런 영향을 주지 않는다. 왜냐면 브라우저가 무시해 버린다. 그렇다면 코멘트를 도데체 왜 쓰는 것일까? 코멘트는 일종의 노트 같은 건데, 코드가 많아도 코멘트를 써놓으면 한눈에 알 수 있다. 실제로 코드가 길로 복잡할수록 코멘트는 빚을 바란다. 코멘트를 적절히 사용해서 잘 정돈된 코드를 작성한다. HTML comment CSS comment /* */ JS comment // Python comment # 코멘트는 자주 쓰이는 것이기에 보통 단축키가 있다. 내가 사용하는 visual studio code에서는 ctrl + / 이다.

네이티브 애플리케이션과 웹 애플리케이션 플랫폼의 파편화 애플리케이션 개발자들이 겪는 고충이 있다. 플랫폼이란 프로그래밍에서는 프로그램이 실행되는 하드웨어, 소프트웨어 환경을 말한다. 예를 들어, 애플리케이션은 운영 체제가 제공해 주는 환경 그 위에서 실행된다. 그렇다면 애플리케이션의 플랫폼은 운영 체제인 것이다. 그리고 운영 체제도 소프트웨어 인데 이 운영 체제는 CPU 같은 여러 하드웨어를 사용해서 그 위에서 동작한다. 그렇다면 운영 체제의 플랫폼은 하드 웨어인 것이다. 프로그램을 만들 때는 항상 플랫폼을 고려해서 맞춤형으로 딱 맞게 만들어줘야 한다. 플랫폼이 맞지 않으면 아예 실행되지 않는다. 이렇게 프로그램을 만들 때든 실행할 때든 플랫폼의 영향을 받게 된다. 이것을 '플랫폼 의존성' 이라고 한다...

보이진 않지만 거대한 프로그램 운영 체제 애플리케이션을 도와주는 프로그램, 운영 체제(Operating System) 애플리케이션 뒤에서 도움을 주는 눈에 보이지 않는 프로그램이 있는데, 이게 바로 운영체제 OS 이다. 사실 우리는 운영 체제를 매일 쓰고 있다. 모든 컴퓨터나 핸드폰에 설치되어 있기도 하고, 이런 운영 체제 도움을 받아야지만 컴퓨터의 여러 장치들과 함께 애플리케이션이 잘 동작할 수 있다. 컴퓨터나 휴대폰의 전원을 켜면 자동으로 실행되기 때문에 우리가 직접 사용한다는 느낌이 덜 들긴 하지만 컴퓨터나 휴대폰은 매일 사용한다면 운영 체제를 매일 사용하고 있다는 것이다. 운영 체제는 어떤 역할을 하기에 모든 컴퓨터에 운영 체제가 필요한 것일까? 컴퓨터를 켜자마자 컴퓨터는 왜 운영 체제 부터 실행..

컴파일러와 인터프리터 다양한 애플리케이션 얼마나 다양한 프로그램이 존재하고 있는지 알아보자 가장 먼저 살펴볼 프로그램은 우리가 가장 자주 사용하고 눈에 잘 보이는 애플리케이션 이다. 보통 앱이나 어플이라고 줄여서 우리가 스마트폰에 앱이나 어플을 설치해서 사용한다고 말한다. 애플리케이션의 정의를 내려보자면 프로그램을 만드는 사람이 아닌 실제 사용자 즉, 소비자가 직접 사용하는 프로그램을 애플리케이션이라고 할 수 있다. 제일 마지막 단계라는 관점에서 이런 실제 사용자 혹은 소비자를 엔드유저(End user) 라고도 한다. 시대에 따라서 사용되는 애플리케이션도 계속 변화한다. 요즘은 스마트폰이 컴퓨터와 상당히 유사해지고 있기 때문에 겹치는 부분이 많다. 우리가 놓치기 쉬운 애플리케이션들도 있다. 컴퓨터나 스마..

트렌드를 읽는 능력 프로그래밍은 선택의 연속 프로그래밍에서는 돌이킬 수 없는 선택들이 많이 있다. 문제는 이런 선택이 자주 많이 발생한다는 것이다. 어떤 프레임워크, 라이브러리를 사용할지 뿐만 아니라 어떤 언어를 쓸지 그 안에서도 어떤 디자인 패턴을 사용할지 어떤 스타일 가이드를 사용할지 선택을 해야 하는 순간들이 많이 찾아온다. 따라서 프로그래밍 세계의 트렌드를 읽어내야 효율적으로 공부하고 유리한 고지를 점령할 수 있다. 트렌드를 읽는 방법1 : 활발한 기술 프로그래밍은 선순환이 일어나는데 좋은 언어, 좋은 프레임워크, 좋은 기술은 사람들이 많이 사용한다. 그리고 사람들이 많이 쓰면 커뮤니티, 좋은 자료, 좋은 문서들이 많이 만들어 진다. 그러면 그런 장점을 통해 더 많은 사람들이 기술을 사용한다. 그..

개발자의 필수 프로그램 IDE IDE(Integrated Development Environment, 통합 개발 환경) 개발자들이 코딩할 때 도움이 되는 기능을 모아둔 프로그램을 말한다. IDE는 내가 필요한 정보를 검색하지 않고도 편하게 할 수 있도록 잘 구성이 되어 있다. IDE는 코드를 효율적으로 작성할 수 있도록 많은 기능들이 있다. 자신에게 맞는 IDE를 고르고 거기에 익숙해지면 훨씬 더 빠르게 프로그램을 만들 수 있다. IDE 외에도 개발자들이 많이 사용하는 프로그램들이 많다. 프로젝트 관리 툴인 Jira, Trello etc.. 메신저인 Slack, Skype etc... StackShare에 가면, 다양한 툴을 찾아볼 수 있다.

버전 관리 프로그래밍을 하다 보면 코드 수정이 잦다. 게다가 여러 사람이 함께 작업을 하다 보니 수정 이력이나 버전 관리를 하는 게 매우 어렵다. 그래서 여러가지 문제가 발생한다. 여러가지 문제를 해결하기 위해서 버전 관리 라는것을 하게 된다. 버전 관리 git이 바로 버전 관리를 위한 소프트웨어 이다. gitHub는 git을 이용해 코드를 저장하는 온라인 저장 공간이다. 버전 관리 시스템으로 svn 이라는 것도 있었지만 요즘은 거의 git을 활용한다. 프로그래밍에서는 전체 코드를 여러 버전으로 저장하고 있지 않는다. 똑같은 부분들이 너무 많아져서 용량이 너무 커지고 코드의 수정 내용이나, 순서도 확인하기 어렵기 때문이다. git에서는 하나의 코드가 있고 여기서 뭔가 바뀌게 되면 이걸 바꾼 새로운 전체 ..

테스트 프로세스 프로그램에서 뭔가 잘못 실행되는 동작 의도하지 않은 에러를 버그라고 한다. 소프트웨어에 버그가 안생기려면 테스트를 미리 해봐야 한다. 기본적인 테스트는 보통 개발자가 직접 개발하면서 함께 진행한다. 그리고 테스트는 똑같은 작업을 반복하는 경우가 많다 보니 요즘에는 자동화 테스트 도구를 활용하기도 하고 테스트 코드를 개발해서 직접 자동화하기도 한다. 그렇다면 현업에서 테스트 과정은 어떤 방식으로 진행될까? 누군가 버그를 발견한다면 그것을 담당 개발자에게 알려줘서 고치게 한다. 소프트웨어를 개발하다 보면 버그가 많이 자주 발생하기 때문에 관리하기 위한 프로세스가 필요하다. 버그는 얼마나 시급한 버그 인지에 따라 처리 방식이 다르고 개발자 마다 담당 업무가 있기 때문에 버그를 고칠 수 있는 사..