개발자 지오의 블로그

안녕하세요. 지오입니다. 오늘부로 iOS 앱 개발 공부를 시작했습니다. 유튜브 강의를 좀 들락거리다가 좋은 강의를 찾는데도 시간이 걸리고 해서, 유데미에서 유료 강의를 결제했습니다. 원래는 20여만 원이던데, 할인해서(?) 2만원도 안되는 금액에 판매하더군요. 평이 워낙 좋길래 한 번 결제해 봤습니다. 그런데 애플은 앱을 등록하려면 9만 9천원의 개발자 정액 프로그램에 가입해야 되더군요? 물론, 앱을 다 만들고 출시할 실력이 되고나서 고민해도 될 문제이긴 하지만.. 그래도 일반적인 개인에게 9만 9천원은 좀 과한 금액이 아닌가 싶습니다. 아, 그리고 지난 글에서는 티스토리 스킨 개발을 시작한다고 말씀드렸었는데요. 아무것도 없는 백지부터 시작해서 글을 불러오고, 카테고리를 띄우고 CSS 디자인도 넣어보며 ..

개발 공부 일지 2020. 5. 22. 22:14

안녕하세요. 지오입니다. 오늘은 css box-sizing 속성에 대해 알아보도록 하겠습니다. box-sizing 속성이란 요소의 전체 폭과 높이 크기에 패딩과 보더를 포함시킬 수 있게 하는 것입니다. box-sizing 요소가 없는 경우 기본적으로 요소의 폭과 높이의 총 크기는 패딩과 보더를 포함해 계산됩니다. 즉, 요소의 크기를 지정하고 패딩과 보더를 추가할 경우, 실제보다 큰 요소가 생겨나게 되는 것입니다. box-sizing 속성을 통한 해결 box-sizing 속성을 사용하면 패딩과 보더를 요소의 전체 폭과 높이 안에 포함시킬 수 있습니다. 보통 해당 모든 요소에 해당 속성을 적용하는 것이 디자인 측면에서 좋기 때문에, 이를 전체 요소에 부여하곤 합니다. box-sizing 속성을 html 내 ..

CSS 2020. 5. 18. 21:08

안녕하세요. 지오입니다. 오늘은 CSS의 float 속성에 대해 알아보도록 하겠습니다. float 속성이란? float 속성은 요소를 어떻게 띄울 것인지를 나타내는 것입니다. float 속성을 사용하면, 다른 요소들이 해당 요소 근처에 떠다니게 됩니다. float 속성을 사용해 이미지를 좌, 우로 정렬할 수도 있으며, 이를 활용해 웹페이지 레이아웃도 구성할 수 있습니다. 여기서는 다음과 같이 float 속성을 사용해 다음과 같이 두문자를 강조해보겠습니다. W ith this property you can emphasize the first letter. In the paragraph above, the first letter of the text is embedded in a span element. ...

CSS 2020. 5. 17. 17:51

안녕하세요. 지오입니다. 개발 공부 8일차에 접어 들었습니다. 생활 코딩에서 HTML, CSS, JavaScript까지 듣고 티스토리 스킨 개발을 시작했습니다. 물론, Node.js, PHP 코스도 살짝 듣긴 했는데 아직까지 그 쓸모를 체감할 수 없어서 그런지 강의가 크게 와닿지 않더라고요. 자신만의 작은 프로젝트를 하며, 답답함을 느끼거나 할 때 다시 돌아오라는 생활 코딩의 이고잉 형님의 말씀을 따라 저만의 작은 프로젝트를 시작했습니다. 오늘은 div 태그와 flex 속성을 통해 웹페이지 레이아웃을 짜는 방법에 대해 알아봤습니다. flex에 대해서는 조금 더 공부가 필요할 거 같아, 생활 코딩에 있는 강의를 내일 들어보려고 합니다. 두 어시간 씨름한 끝에 전체적인 레이아웃을 잡았습니다. 물론, 아직까지..

개발 공부 일지 2020. 5. 15. 20:35

마크업 언어 또는 마크업 랭귀지란 문서 내에서 요소를 정의하는 데 태그(tags)를 사용하는 컴퓨터 언어입니다. 이는 사람이 읽을 수 있는 방식으로 작성되는데 즉, 전형적인 프로그래밍 구문이 아닌 일반적인 단어를 사용하곤 합니다. 가장 잘 알려진 마크업 언어는 HTML과 XML입니다. 마크업 용어의 유래 마크업은 과거 조판사(typist)들이 손으로 쓴 원고를 어떻게 조판하고 해야 하는지를 지시하는 따옴표로 강조된 문구들이라는 의미였습니다. 오늘날 html 또한 과거의 타이피스트들과 마찬가지로 태그를 통해 특정 정보를 화면에 어떻게 출력할지를 결정하죠. 마크업과 HTML/ XML의 구성 HTML은 웹페이지를 만드는 데 사용되는 마크업 언어로, 각 웹페이지는 HTML 태그를 통해 구성됩니다. , , 들은 ..

HTML 2020. 5. 15. 15:45

1990년 웹이 처음 등장하면서 인류는 정보를 웹 페이지로 표현할 수 있게 되었고 인터넷을 통해서 웹페이지를 전송할 수 있게 되었습니다. 종이에 담겨 있던 수많은 정보들이 빠른 속도로 웹페이지로 만들어지기 시작합니다. 종이로부터 엑소더스가 시작되는 것이고 이것은 지적인 빅뱅의 신호탄이 되었습니다. 처음에는 html 만으로도 사람들은 행복했어요. 하지만 사람의 욕심은 끝이 없죠. 웹이 등장한 직후 여러 가지 불만들이 쏟아져 나옵니다. 그 수많은 불만족 중에 우리의 관심사는 html 을 직접 타이핑에서, 웹페이지를 수동으로 만드는 것에 지쳤다는 불만족입니다. 사람이 직접 html 코딩 해서 웹 페이지를 하나 하나 만들어 했기 때문에 html 에 구조를 바꾸려면 수많은 웹 페이지의 html 코드를 수동으로 수..

Node.js 2020. 5. 13. 14:34

오늘은 생활 코딩에서 자바스크립트 공부를 시작했습니다. 자바스크립트는 강의를 한 번 들은적이 있어서, 아주 기초 부분은 스킵하며 넘어갔는데요. 야간 모드, 주간 모드 전환 버튼을 만들어 봤는데 이게 왜 전부다 바뀌질 않고, 일부만 바뀌는 건지 당췌 모르겠어요. 물론, 특정 css 영향을 받는 건 분명히 알겠는데 해당 클라스의 서식을 변경하려 지정을 해줘도 반응이 없더군요. 일례로 h2 태그가 현재 변경이 안되고 있는데요. 분명 제대로 지정을 해줬는데, 첫번째 h2만 변경시키고 나머진 스크립트가 들어가지 못하더라고요. 본문 안의 전체 h2 태그를 찾아서 모두 바뀔 때까지 스크립트를 반복해야 하는 걸까요? 그러긴엔 또 너무 무거운 버튼이 되고 말 거 같아서 우선은 보류해 뒀습니다. 오늘도 공부를 포기할 뻔 ..

개발 공부 일지 2020. 5. 9. 21:23

안녕하세요. 지오입니다. 오늘은 비가 추적추적 내리네요. 개발 공부 6일차. 솔직히 말해 개발 공부 접을 뻔 했습니다. 제 미래에 대해 진지하게 고민해 본 결과 개발 같은 새로운 거 하지 말고, 이제까지 해오던 거나 잘 디벨롭 해보자는 생각이 들었거든요. 개발 공부 1일차 글에서 말씀드렸듯, 제 전공은 언론과 국제정치학이니까요. 근데 목표가 생겼습니다. 애초에 목표로 했던 티스토리 스킨도 제작해 볼 거고, 지식 기반 플랫폼도 하나 만들거고, 프리랜서를 위한 앱들도 만들 겁니다. 갈 길이 너무 멀어서 어디서부터 가야할지 모르겠는데요. 뭐, 하루 1~2시간이라도 꾸준히 개발 공부를 해보려고 합니다. 재밌어요. 무엇보다도 시간도 많아요. 허허. 오늘은 생활코딩에서 CSS 수강을 마쳤습니다. 이렇게 넘나 좋은 ..

개발 공부 일지 2020. 5. 9. 00:33