내운연 주식회사

1. 가장 기대되는 세션이었다. 장고, 이름의 간지가 미쳤다. 아쉽게도, 멋진 이름에는 걸맞지 않게 내가 수업을 잘 이해하지 못했다. 그런 의미에서, 장고 주제곡 한 번 듣고 오자. www.youtube.com/watch?v=VsxOPWtrnko 쿠엔틴 타란티노의 영화 장고의 주제곡 물론 이 장고는 아니고 우리가 사용하는 장고는 웹 프레임워크다. 풀어서 이야기하자면 웹사이트를 개발하고 서버를 구성하는데에 필요한 기능을 제공해 주는 툴이라고 볼 수 있다. 장고에 대한 실습과 실질적으로 웹을 구현하는 것은 다음 세션에 하고, 이번 세션에는 가상 환경을 구현하는 작업을 먼저 진행해보자. 2. 가상 환경 파이썬을 이용해서 가상 환경을 만드는 것은 중요하다. 예를 들어, 내가 지금껏 열심히 만들어 놓은 작업물이 ..

환 codes web/DJANGO 2021. 1. 14. 23:14

리버풀의 전설적인 감독인 빌 샹클리이다. 폼은 일시적이지만 클래스는 영원하다는 명언을 남겼다. 이번 게시물은 영원하다는 그 클래스에 대한 내용이다. 1. 파이썬과 객체지향 프로그래밍 많은 사람들이 파이썬의 매우 큰 특징 중 하나로 객체지향 언어라는 점을 뽑는다. 사실 나도 이 객체지향이라는 말을 정확히 이해하고 있다고 말할수는 없기 때문에 구글에 객체지향을 검색해 보았다. 이 말조차 어렵다. 객체들이 서로 상호작용을 한다는데 그럼 이건 과연 무슨 뜻일까? 애초에 객체란 무엇일까? 참고) 이후부터 제가 설명할 내용은 정확한 사실이 아닐 수 있으며, 초보자의 입장에서 스스로 이해한 바를 최대한 쉽게 풀어쓴 내용입니다. 만약 틀린 점이 있으면 알려주세요 :) 우선 객체, object는 데이터의 모임이다. 전류..

환 codes web/PYTHON 2021. 1. 14. 09:16

이번 세션은 구글 colab을 이용한 웹 크롤링 강의이다. 지금까지 했었던 내용들은 이해를 하고 따라가기가 비교적 수월했지만, 이번 세션부터는 밑천이 떨어지면서 이해하기부터 쉽지 않았다. 그래서 저번 팀 과제를 같이 했던 같은 조 친구들과 시간을 정해 줌으로 따로 자체 리뷰 세션을 가졌다. 그 덕분에 세션의 내용을 커버할 수 있게 되었다. 같이 코드 리뷰를 도와준 민과 현에게 감사를 보낸다:) 1. Google Colab 이번 세션은 vs code가 아닌, 구글 colab을 사용한다. colab을 사용하는 이유는 파이썬을 사용해서 웹 크롤링 협업을 하는 경우를 통해서 알아볼 수 있다. 참여하는 모든 사람들의 파이썬 버전을 똑같이 통일하면 좋겠지만, 현실적으로 쉽지 않다. 그래서 인터넷으로 항상 최신 버전..

환 codes web/PYTHON 2021. 1. 13. 23:00

앞서 배운 자바스크립트의 기본 문법에 이어서, 이번 세션에서는 1. 자바스크립트의 DOM에 대한 개념과, 2. 자바스크립트에서 직접 요소를 선택해서 html컨텐츠를 조작하는 방법, 그리고 3. 자바스크립트를 이용한 간단한 웹 게임 만들기를 다룬다. 1. 자바스크립트와 DOM DOM은 Document Object Model의 줄임말이다. 자바스크립트에서 DOM은 문서 내용을 나타내고 조작하게 하는 역할을 한다. 추가로, html의 텍스트를 각각의 객체로 만들고 이들 객체를 부모자식 관계로 표현할 수 있는 트리 구조로 구성한 것이 DOM이다. 트리 구조에 대해서는 아래 사진을 참고하면 이해하기 쉽다. € 문서 노드(document node)는 트리의 최상위 시작점으로, 말 그대로 문서 자체를 의미한다. € ..

환 codes web/JS(JavaScript) 2021. 1. 13. 09:18

0. 우선, 자바스크립트는 자바와 전혀 다른 언어이다. 흔히들 이 둘관의 관계를 인도와 인도네시아에 비유하곤 한다. 1. 웹코딩을 하는데 자바스크립트가 왜 필요한가? 1. HTML과 CSS를 코드의 수정 없이 바꿔서 사용자에게 화면이 바뀌는 효과를 주기 위해서 2. 웹페이지에서의 이벤트(클릭, 스크롤 등)을 인식하고 입력받기 위해서 3. AJAX 기술을 이용한 웹 서버와의 통신 모두가 웹을 만들기 위해서 꼭 필요한 기능들이다. 2. 자바스크립트를 어떻게 적용하는가? 기본적으로 .js파일을 새롭게 만들어서 html파일에 css를 적용시키는 것처럼 태그로 감싸서 같이 넣어준다. 그러면 이제 html의 어디에 script태그를 넣어야 하는지에 대해 궁금증이 생길 수 있는데, ㄱ. 크게 head태그에 넣는 방법..

환 codes web/JS(JavaScript) 2021. 1. 12. 23:57

0. 나는 왜 코딩을 공부할까? 처음 웹 개발을 공부할때는 명확한 이유가 있었다. 내가 만들고 싶은 서비스의 아이디어는 굉장히 많았는데, 이를 실행할 능력이 없었기 때문이다. 그런 마음으로 피로그래밍이라는 동아리에 지원했고, 열심히 활동해서 웹개발에 대한 많은 지식을 얻을 수 있었다. 아이디어가 생기면 나 혼자서라도 한다는 마음가짐으로 front와 back을 가리지 않고 잡식을 했다. 그런데 그로부터 약 1년 6개월이 지났다. 1년 6개월이 지난 지금은 과연 내가 배운 웹 개발 지식을 많이 사용하고 있을까? 놀랍게도 사용하고 있는 부분이 있다. 특히 파이썬을 써먹을 데는 생각보다 많았다. 얕은 지식이지만 실제로 내가 만들고 싶었던 서비스를 2개나 만들기도 했다. 하지만 역시 흥미와 생업은 동떨어져 있는 ..

환 codes web/HTML, CSS 2021. 1. 10. 23:11

1. CSS 그래서 css란 무엇인가? 다시 웹코딩을 집 짓는 과정에 비유해보자. 앞서 설명한 html은 집의 구조, 콘크리트와 철근 등을 결정하는 역할을 한다고 배웠다. 그러면 이제 집의 구조는 어느정도 완성이 됐으니, 그 다음에는 인테리어를 할 차례이다. 집의 구조를 통해 어디에 창문이 들어올 지 알았으니, 이제 이 창문을 구체적으로 만들어보자. 창문의 가로 길이는 얼마나 될 것이며, 세로는 얼마가 좋을까? 창문의 창틀은 무슨 색으로 하고 유리는 이중창으로 할까? 이 모든 디자인적 요소를 결정하는 친구가 바로 css이다. 아마 눈에 직관적으로 보이는게 좋고, 디자인적인 감각이 있다 싶으면 이런 css코딩 혹은 프론트엔드 코딩을 마음에 들어 하는 사람들이 많을 것이다. 2. id, class 지난 시간..

환 codes web/HTML, CSS 2021. 1. 10. 09:00

1. HTML이란 무엇인가? 웹 개발의 얼굴이다. 코딩을 하면 눈에 보이는 무언가가 나와야 한다. 사실 눈에 안보이는 결과가 나오기도 하지만, 초보자들은 눈에 보여야 직관적으로 이해하는 법이다. 그런 의미에서, html은 웹 개발을 처음 시작하는 우리가 가장 쉽게 접하고, 친숙할 수 있는 웹 개발의 요소이다. 이렇게만 말하면 잘 와닿지 않을 수 있다. 예를 들어 집을 짓는다고 해 보자. 예쁜 집을 짓고 싶다고 지붕이나 창문을 먼저 만들 수 있을까? 절대 안된다. 항상 기본이 되는 철골구조와 뼈대를 먼저 만들어야 한다. 웹개발도 마찬가지이다. 꾸미는 작업(css)을 먼저 하고싶다고 해서 기본 구조인 HTML이 없는 상황에서 CSS만 할 수는 없다. 다시 말해, html은 눈에 보이는 뼈대를 만드는 작업이다..

환 codes web/HTML, CSS 2021. 1. 9. 23:25