분류 전체보기
-
웹이 구현되는 과정Let's Code/Server 2019. 8. 25. 15:33
웹이 구현되는 과정을 간단하게 정리하겠습니다. 우선 인터넷이란 것이 무엇인지, 서버와 클라이언트가 무엇인지, 프론트엔드와 백엔드는 어떻게 구분되는지 정리한 후, 웹이 유저에게 전달되기까지의 작동 원리를 요약하겠습니다. 해당 내용은 네이버의 부스트코스를 정리 + 강의에서 제공되는 별도의 링크를 번역/정리했습니다. 1. Intro to HTTP 용어 정의 인터넷: 네트워크들의 네트워크라 할 수 있다. LAN보다 더 폭넓은 개념. HTTP: 서버와 클라이언트가 데이터를 주고 받기 위한 프로토콜로, 서로 통신하기 위해 사용하는 일정한 양식이다. URL: Uniform Resource Locator의 약자로, 1) 접근 포로토콜://IP 주소로 표현되기도 하며 2) 도메인 이름/문서 경로/문서 이름과 같이 도메인..
-
나대는 것의 중요성Essay/Thoughts 2019. 8. 25. 14:39
결국 무슨 일을 잘하기 위해서는 다른 사람의 응원과 지지가 필수적이라는 사실을 하나하나 체감하고 있다. 응원과 지지를 얻으면 힘이 나는 것도 있지만, 반대로 응원을 얻기 위해 힘을 내는 경우도 생기니까. 새해의 다짐한 내용들을 지키는 가장 좋은 방법은 그것을 '나를 위한' 것이 아닌 '남을 위한' 약속의 형태로 만드는 것이라고 한다. (오래전에 읽은 내용이라 헷갈리지만 얼추 이 내용이었던 것 같은 NYT의 The Only Way to Keep Your Resolution) 비슷한 원리로, 요즘 하고 싶은 목표나 지향점이 있으면 열심히 다른 사람들한테 떠벌리고 다니고 있다. 내가 이렇게 선언하고 다녔으니 체면을 지키기 위해서라도 미래의 내가 억지로 하겠지, 이렇게 보증수표 만드는 느낌으로? 물론 이게 효과..
-
이주의 클리핑#1 (무인 스쿠터)Clippings 2019. 8. 25. 12:08
1. Segway-Ninebot's new scooter drives to its docking station for a recharge. https://techcrunch.com/2019/08/19/segway-ninebots-new-scooter-drives-to-its-docking-station-for-a-recharge/ Segway-Ninebot’s new scooter drives to its docking station for a recharge – TechCrunch At an event in Beijing last week, Chinese scooter company Segway-Ninebot Group unveiled a trio of new products. The most comp..
-
CSS로 조건부 코드 짜기Let's Code/HTML・CSS 2019. 8. 20. 23:32
개인적으로 느끼는 파이썬과 CSS의 차이 (얼마 안 배웠지만) 파이썬에서는 조건부를 if 또는 for로 구현하곤 했었다. HTML이나 CSS에서는 파이썬과 같은 문장 느낌의 직관적인 코드 대신 명사 위주가 많다는 게 개인적인 감상. 예를 들어 파이썬에서 = 이 있었다면 여기서는 :이 있는 느낌? 파이썬에서는 width가 뭔지 지정해준 후, if width > 800 grid(width) 하고 들여쓰기 한 뒤 코드를 짜주면 코드가 성립한다. grid() function은 존재하지 않지만 있다고 치자. CSS에서는 유사한 표현을 @media(min-width:800px) { #grid { display: grid; } } 이렇게 표현한다. 굉장히 문장 같지 않고 단어식이다. 파이썬이 조건문을 작성하는 식이었..
-
CSS : 그리드 미리보기Let's Code/HTML・CSS 2019. 8. 19. 21:58
참조: 그리드 - 생활코딩 이번 강의의 결과물 이번 강의를 통해 알게 된 것 div의 존재 HTML/CSS에는 위계질서가 중요하다! 1. div 태그 태그는 '태그를 위한 태그'로서, 그 자체로는 아무 의미를 가지지 않는다. 여러 태그들을 하나의 클래스 또는 아이디로 감싸고 싶을 때, 또는 그러한 묶음을 하나의 요소로 지정하고 싶을 때 '포장지' 같은 개념으로 사용한다. 이 때, block level의 경우 , in-line의 경우 을 흔히 쓴다고 한다. 2. 코드 간 계층 물론 이 때의 위계질서란 직급이 아니라, 어떤 코드가 '선행'하는지, 또는 어떤 코드를 '포함'하는지의 여부이다. 메뉴 강연 읽을거리 충전 강연 제가 들은 강연을 정리해놓았습니다. 커리어연세에서 열리는 강의, CP Team에서 열어준..
-
CSS : 개념과 특징, 박스 모델Let's Code/HTML・CSS 2019. 8. 17. 13:54
출처: 생활 코딩의 WEB 2 강좌. CSS의 개념 HTML 태그를 디자인적으로 보완하기 위해 개발되었다. HTML 태그의 디자인을 일일이 수정할 필요 없이, 클래스로 묶어 대량 수정이 가능하다는 점에서 편리하다. 이를 위해서는 CSS 내에서 selector 지정이 필요하다. Selector는 디자인을 수정할 단위이며, 같은 효과를 적용할 태그의 묶음이다. ex. h1 (헤더), a (링크), a:visited (방문한 링크), ol (자동정렬된 리스트), 또는 앞에 #를 붙여 사용자가 별도 지정한 class나 id에 효과를 일괄 적용할 수 있다. a:link { color: darkgray; text-decoration: none; } a:visited { color: #32a1ce; } a:hover..
-
취준 스터디를 거치며Essay/Thoughts 2019. 8. 16. 13:13
여담인데 왜 티스토리에서 unsplash 지원을 안 해주는지 모르겠다. 네이버 블로그는 물론이고 notion 같은 어플도 지원해주던데. 티스토리 하면 기술친화적인 이미지가 있는데 이 부분 개선을 좀 해줬으면 좋겠다. 사진 저장하고 첨부하는 거 귀찮다. 4월부터 지금까지 총 4개의 취업 스터디를 경험해봤다. 1. 학교에서 구한 GSAT 스터디 정말 묵묵하게 GSAT을 푸는 스터디였는데, 갈수록 해이해져서 지각이나 불참도 많아지고 사담도 많아졌던 기억이.. 맨 처음 시작할 때는 멤버가 3명이라 그랬는지 밥도 먹고 화목한 분위기였으나 멤버가 추가되고, 지각이 잦아지면서 다소 삭막한 분위기로 끝을 맺었다. 특히나 삼성을 주된 목표로 인적성 풀던 스터디였는데, 대다수가 서류 탈락이라는 충격적인 결과를 안고 자동 ..
-
취업 스터디를 병행하며: 좋아하는 것과 잘하는 것Essay/Thoughts 2019. 7. 26. 14:18
개발자 컨퍼런스를 다녀오거나 후기를 읽어보며 공통적으로 깨닫는 사실이 몇 가지 있다. 모든 프로그래머가 돈을 많이 벌지는 않는다. 코드스테이츠는 연봉이 3300만원 이상인 사람을 상대로 수수료 형태로 돈을 받는다. 그 말은 개발자로 취업을 한다 해도 연봉이 그 정도도 되지 않는 사람이 많다는 뜻이며, 이 수준이 '괜찮은' 초봉이라는 말인데 내 예상보다는 적다. 일반 스타트업 문과 직군에 비해서는 많이 받을지도 모른다. 하지만 여전히 선배 중에는 대기업이나 괜찮은 외국계 기업에 들어간 사람이 다수이며, 연봉 4000만원 정도를 최소 기준으로 삼는 동기들이 허다한 나한테는 큰 돈이 아니다. 문과 대기업 직군은 대개 연봉 4000만원 정도는 받을 텐데, 그리고 지금까지 내가 해온 공부의 연장선은 이쪽이 가까운..