불타는 키보드

표현하고자 하는 문장 He is John Doe, and he is 22 years old. 1. 가장 기본적인 방법 first_name = 'John' last_name = 'Doe' age = 22 print('He is ' + first_name + ' ' + last_name + ', and he is ' + str(age) + ' years old.') 하지만 위의 방법은 너무 불편합니다. 그래서 파이썬에는 다양한 string formatting 방법이 존재합니다. 2. % 연산자 first_name = 'John' last_name = 'Doe' age = 22 print(('He is %s %s and is %i years old.') % (first_name, last_name, age))..

언어/Python 2021. 3. 17. 16:39

position 프로퍼티 element에 position 속성을 걸어주면 top, bottom, right, left로 움직일 수 있습니다. 1. position: relative; relative에게는 대표적으로 중요한 기능이 두가지 있습니다. 1-1. top, bottom, right, left 프로퍼티를 통해 element를 움직일 수 있게 해줍니다. 내용 /* CSS 내용 */ .box { border: 1px solid black; width: 100px; height: 100px; } .content { position: relative; top: 100px; right: 20px; } 1-2. 다른 position 속성을 가진 자식태그의 이동범위가 됩니다. /* 기본 CSS 구성 */ .pa..

언어/HTML + CSS 2021. 3. 16. 16:01

시맨틱 웹 (Semantic Web) 시맨틱 웹이란 무엇일까요? Semantic은 사전상 '의미론적인, 의미의' 이라는 뜻을 가지고 있습니다. 그렇다면 시맨틱 웹은 '의미있는 웹'정도로 이해할 수 있는데 의미 있는 웹이란 어떤 웹을 가리키는 걸까요? 시맨틱 웹의 목적 인터넷이 폭발적으로 보급되고 웹상에 축적되는 정보의 양이 방대해짐에 따라 정보 검색시 불필요하거나 덜 연관성있는 정보를 거를 필요성이 대두되었습니다. 따라서 단순히 사람만이 웹의 정보를 파악하는 것이 아니라, 자동화된 기계가 그 의미를 해석하고 정보간의 관계를 이해할 수 있도록 하는 것이 시맨틱 웹의 목적입니다. 검색 엔진에 노출되지 않는 정보는 존재 의미가 없는 것이나 다름 없습니다. 검색엔진은 매일 웹사이트 정보들을 수집한 뒤 예상되는 ..

언어/HTML + CSS 2021. 3. 16. 01:32

말머리 네트워크는 개발자가 갖추어야 할 웹(web)지식의 베이스가 됩니다. 하지만 네트워크는 워낙 그 개념이 방대하고 복잡하여 입문자들은 어디서부터 시작해야 하는지조차 감을 잡기 어렵습니다. 분명 저처럼 걸음마는 단계인 분들이 있을거라는 생각에 그분들에게 조금이나마 도움이 되었으면 하는 마음으로 쉽고 간단하게 제가 공부해본 내용을 공유하고자 합니다. 목차 1. 인터넷 망 1-1. 이더넷 2. IP 2-1. 라우터 2-1-1. 공인 IP (WAN) 2-1-2. 사설 IP (LAN) 3. TCP, UDT 3-1. 포트 번호(PORT) 3-1. TCP 3-1-1. 연결 보장 (3-way handshake) 3-1-2. 순서 보장 (SEQ, ACK) 3-2. UDP 4. 애플리케이션 (HTTP, DNS 등) 4..

소프트웨어/네트워크 2021. 3. 12. 08:28

목차 github 페이지에서 repository 생성하기 (remote 저장소 생성) local에서 directory 조작하기 local에서 Git 구동하기 remote와 local 연동하기 번외 : 브랜치 변경 (main -> master) 1.github 페이지에서 repository 생성하기 1-1. repository 생성 본인 계정으로 접속한 뒤 repositories 부분에서 new 라는 버튼을 클릭합니다. 1-2. repository 설정 저장소의 이름을 정해주고 저장소의 공개여부(public, private)를 정해줍니다. Add a README file 과 .gitignore 파일도 중요한 부분이긴 한데 주제에서 조금 어긋나니 여기서는 넘어도록 하겠습니다. 생성이 완료되면 아래와 같은 화..

버전관리도구/Git 2021. 3. 9. 18:47

leetcode.com/problems/valid-palindrome/ Valid Palindrome - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com Palindrome(회문) Palindrome은 앞뒤가 똑같은 단어나 문장을 뜻합니다. (내 이름은 이효리 거꾸로 해도 이효리) tenet, level, rotator 등이 대표적인 예입니다. 주어진 예문이 단순 단어라면 편하겠지만 만약 아래와 같은 특수기호를 포함한 문장이 주어진다면 특수기호를 어떤 방식으로 걸..

소프트웨어/자료구조 + 알고리즘 2021. 3. 6. 22:49

우선 터미널에서 나의 보안키가 등록되어 있는 디렉토리로 이동하였습니다. 접속 명령어를 입력해보았는데 Permissions are too open 이라며 거부당했습니다. 아래 명령어로 권한을 조정해줍니다. $ chmod 400 moonimooni.pem ls -al 명령어로 확인해보면 제한적인 권한이 걸려있음을 확인할 수 있습니다. 참고로 사용중인 리눅스 배포판이 무엇인지에 따라 명령어가 바뀝니다. 저같은 경우엔 Debian 계열 우분투를 선택했기 때문에 아래와 같은 명령어를 씁니다. 형식 $ ssh -i privatekey.pem user_name@public_dns_name 실제 명령어 예시 $ ssh -i moonimooni.pem ubuntu@3.35.192.255 public dns name은 인..

소프트웨어/인프라 2021. 3. 5. 20:38

목차 회원가입 EC2 인스턴스 생성 탄력적 IP 할당 1. 회원가입 aws.amazon.com/ko/free/?sc_icampaign=acq_freetier&sc_ichannel=ha&sc_icontent=awssm-evergreen_aware_prospect&sc_iplace=hero&trk=~ha_awssm-evergreen_aware_prospect&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc AWS 프리 티어 12개월 무료: 이 프리 티어 오퍼는 AWS 신규 고객에게만 제공되며 AWS 가입일로부터 12개월 동안 유효합니다. 12개월의 무료 사용 기간이 만료되거나 애플리케이션 사용량이 프리 티어 범..

소프트웨어/인프라 2021. 3. 5. 18:59