본문 바로가기
개발 초보를 위한 CSS 작성 방법 10가지 이번 포스팅에서는 CSS를 작성하는 10가지 방법을 소개해 드리겠습니다. 표준 CSS 작성: 웹 페이지가 모든 브라우저에서 제대로 작동하도록 CSS를 작성해야 합니다. 이를 위해 표준 CSS를 사용하고, 가능한 한 웹 표준을 따르는 것이 중요합니다. CSS 리셋 사용: 브라우저마다 기본 스타일이 다르므로, 일관된 스타일링을 위해 CSS 리셋을 사용하는 것이 좋습니다. 여기에는 Eric Meyer의 CSS Reset이나 Normalize.css 등이 있습니다. CSS Flexbox 및 Grid 사용: Flexbox와 Grid는 웹 페이지의 레이아웃을 쉽게 만들 수 있는 현대적인 CSS 기술입니다. 레이아웃 문제를 효과적으로 해결할 수 있으며, 레이아웃에 대한 새로운 접근법을 제공합니다. 반응형 디자인 적용.. 프로그래밍 팁/CSS 2020. 11. 25.
개발 초보를 위한 HTML 작성 방법 10가지 이번 포스팅에서는 HTML을 작성하는 방법 10가지에 대해 소개해 드리겠습니다. 표준 HTML5 사용하기: HTML5는 현재 최신의 HTML 표준입니다. 이를 사용하면 오디오와 비디오와 같은 미디어를 포함하는 방법, 그래픽을 그리는 방법, 웹 앱을 만드는 방법 등을 명확하게 정의하고 있습니다. 이 표준을 사용하면 브라우저 호환성을 개선하고 웹 사이트의 액세스 가능성을 높일 수 있습니다. 반응형 디자인 사용하기: 오늘날의 사용자는 다양한 디바이스를 통해 웹사이트를 방문합니다. 이에 맞게, 웹페이지는 다양한 화면 크기와 해상도에 적응할 수 있어야 합니다. 반응형 웹 디자인은 미디어 쿼리를 사용하여 화면 크기에 따라 레이아웃과 콘텐츠를 조정합니다. 시맨틱 HTML 사용하기: HTML5는 시맨틱 태그를 도입했습.. 프로그래밍 팁/HTML 2020. 11. 24.
개발 초보를 위한 AWS를 활용하는 5가지 방법 아마존 웹 서비스(Amazon Web Services; AWS)는 클라우드 컴퓨팅 서비스의 선구자이자 세계 최고의 제공 업체 중 하나입니다. 이번 포스팅에서는 AWS를 활용할 수 있는 다양한 방법 중 5가지를 소개해 드리겠습니다. 웹 호스팅: AWS를 사용하면 비용 효율적이고 유연한 웹 호스팅 솔루션을 구축할 수 있습니다. AWS EC2(Elastic Compute Cloud)와 같은 서비스는 가상 서버를 제공하여 트래픽이 많은 웹사이트를 쉽게 지원할 수 있습니다. 또한, Auto Scaling과 ELB(Elastic Load Balancing)를 통해 자동으로 규모를 확장하고, 트래픽을 여러 인스턴스에 분산시킬 수 있습니다. 이는 서버 부하를 효과적으로 관리하며, 높은 가용성과 내결함성을 보장합니다. .. 프로그래밍 팁/서버, 백엔드 2020. 11. 23.
주식 투자의 원칙 10가지 주식 시장에 투자하는 것은 투자금을 잃는 등의 매우 큰 위험을 동반합니다. 그렇기 때문에 투자 원칙을 지켜서 위험을 최소화할 필요가 있습니다. 이번 포스팅에서는 기초적인 주식 투자의 원칙들을 소개해 드리겠습니다. 투자 목표 설정: 투자를 시작하기 전에 목표를 설정해야 합니다. 투자의 목적은 장기적인 성장, 수익 창출, 자금 보전 등 다양할 수 있습니다. 목표를 설정하면 투자 전략을 구체화하고 효과적인 결정을 내릴 수 있습니다. 다양한 포트폴리오 구성: 투자 포트폴리오를 구성할 때 한 종목에 집중하지 말고 다양한 종목을 선택해야 합니다. 여러 산업, 부문 및 국가에 걸쳐 투자를 분산시키는 것이 중요합니다. 포트폴리오 다변화는 리스크를 분산시키고 안정성을 높일 수 있습니다. 기본적인 연구와 분석: 투자하기 .. 투자 팁/투자 및 재테크 2020. 11. 22.
맥 터미널(셸)에서 명령어로 Visual Studio Code(VS Code) 실행하는 방법 맥과 같이 셸을 자유롭게 사용할 수 있는 환경에서 특정 디렉터리에 대해 Code를 실행할 수 있다는 사실을 모르는 분들이 의외로 꽤 계셨습니다. 어떤 의미냐면, 터미널 상에서 다음과 같이 명령어를 실행함으로써 Visual Studio Code를 실행하는 것이 가능하다는 뜻입니다. code ~/Documents/MyProject 위와 같은 명령어를 실행하게 되면 Visual Studio Code에서 ~/Documents/MyProject에 위치된 프로젝트 디렉터리를 워크스페이스로서 열게 됩니다. 그런데 단순히 Visual Studio Code를 설치한다고 해서 위와 같은 명령어를 지원하는 것은 아니고 아래의 간단한 과정을 거쳐야 합니다. 적용 방법 1. Visual Studio Code를 실행 후 단축 키.. 컴퓨터 팁/macOS 2020. 11. 21.
파이썬(Python) 가상 환경(Virtual Environments, venv) 10초 만에 만들기 파이썬에서는 가상 환경이라는 것을 만듦으로써 프로젝트마다 독립된 실행/개발 환경을 생성할 수 있습니다. 가령 pip을 통해서 패키지를 설치할 때, 가상 환경을 분리하게 되면 불필요한 패키지가 설치되는 것을 방지할 수 있고 꼭 필요한 패키지만 설치되게 할 수 있습니다. 한 마디로, 전역적으로 설치되는 패키지를 프로젝트 단위로 관리할 수 있게 됩니다. 생성 방법 터미널을 실행하고 cd 명령어를 통해 가상 환경을 생성할 프로젝트 디렉터리에 진입합니다. 그 후, 다음 명령어를 실행합니다. python3 -m venv .venv 위 명령어는, Python 3의 venv라는 모듈을 사용해서 .venv라는 디렉터리에 가상 환경 파일들을 생성해서 담겠다는 의미입니다. 디렉터리 앞에 온점(.)이 붙었으므로 유닉스 계열의.. 프로그래밍 팁/Python 2020. 11. 20.
해외주식/미국주식 수익이 250만원 미만일 경우의 양도소득세 처리 방법 (+개정 세법 내용 포함) 해외 주식에 투자해서 수익이 발행하면 양도소득세를 내야 한다는 것은 잘 알려진 사실입니다. 이 때 연간 250만원의 수익까지는 과세 대상에서 제외됩니다. 가령 연간 1,000만원의 수익이 발생했다면 250만원을 공제한 750만원에 대해서만 22%의 세금을 납부하게 되는 방식입니다. 그런데 수익이 250만원 미만이어서 과세 대상이 아닌 경우에도 신고를 꼭 해야 할지, 아니면 신고를 하지 않아도 될지 궁금해 하시는 분이 많은 것 같습니다. 이번 포스팅에서는 이 부분에 대해 알아보겠습니다. 우선, 원칙 상으로는 양도 차익이 발생했기 때문에 신고를 해야하는 것이 맞습니다. 그러나 250만원 미만이기 때문에 부과되는 세금이 0원입니다. 납부해야 할 세금이 없기 때문에 신고를 하지 않아도 무방합니다. 250만원을 .. 투자 팁/투자 및 재테크 2020. 11. 19.
율/률 구별하는 매우 간단한 방법 '-률'은 사전적인 정의에 따르면 라고 합니다. 접미사이기 때문에 특정 단어의 끝에 붙어서 사용되며 그 단어의 형태에 따라 -률이 되기도하고 -율이 되기도 합니다. 그런데 가끔 률/율이 붙은 단어를 글로 작성할 때 끝에 률을 붙여야 하는지 율을 붙여야 하는지 헷갈리는 경우가 종종 있습니다. 이번 포스팅에선 률과 율을 쉽게 구분 방법에 대해 알아보겠습니다. 국립국어원에 따르면 모음이나 'ㄴ' 받침 뒤에 이어지는 '률'은 '율'로 적고, 그 외는 모두 '률'로 적는다고 합니다. 예를 들어, 효율, 출산율 등은 -율로 표기하고 경쟁률이나 취업률 등은 -률로 표기하는 것입니다. 그런데 이 방식은 해당 원칙을 자체를 억지로 외워두지 않는 한 항상 헷갈리게 됩니다. 따라서 제가 추천드리는 방식은, 우리에게 익숙한 .. 학습 팁/우리말 2020. 11. 19.
Swift에서 Codable 객체와 딕셔너리(Dictionary)를 상호 변환하는 방법 Encodable → 딕셔너리 Encodable 혹은 Codable을 따르는 객체를 딕셔너리 타입으로 변환하는 방법은 다음과 같습니다. 우선 extension부터 정의합니다. extension Encodable { func encode() throws -> [String: Any] { let data = try JSONEncoder().encode(self) guard let dictionary = try JSONSerialization.jsonObject(with: data, options: .allowFragments) as? [String: Any] else { throw NSError() } return dictionary } } 1. JSONEncoder를 사용해서 Encodable을 따르는 객.. 프로그래밍 팁/Swift 2020. 11. 18.
AWS에서 NAT 게이트웨이(NAT Gateway) 사용 시 유의해야 하는 점 AWS에서 VPC(Virtual Private Cloud)를 구성하면서 NAT 게이트웨이를 생성해서 사용하는 경우의 유의사항에 대해 살펴보겠습니다. 예를 들어 VPC에 연결된 람다(Lambda) 함수를 구성하는 경우, 해당 람다 함수가 인터넷에 연결되어야 하는 경우가 있습니다. 이를 테면, 람다 함수가 특정 사이트에 접속해서 스크레이핑 혹은 크롤링을 하는 경우나 외부 API 서버를 호출해야 하는 경우 등입니다. 이 때, VPC에 NAT 게이트웨이를 구성함으로써 외부에 대한 접근이 가능해지도록 만들어야 하는데, 이러한 설정을 처음 해 보는 사용자라면 NAT 게이트웨이에 시간당 금액이 부과된다는 사실을 놓칠 가능성이 높습니다. NAT 게이트웨이에는 서울(ap-northeast-2) 리전 기준으로 시간당 $0.. 프로그래밍 팁/서버, 백엔드 2020. 11. 17.

티스토리툴바