개발 일기

# 벼르던 알고리즘 공부를 오늘부터 시작했다. 총 550문제가 있다. 우선 쉬운 1단계는 하루에 2문제씩, 총 1시간을 할애해서 풀어보려고 한다. 마음의 장벽이 높았는데 (아직 자료구조가 머릿속에 입력이 안되었다..), Hello world 로 첫문제를 준 백준 짱 고마워요.. 책 쓰는 기회 등. - 컴퓨터 언어를 내 언어로 바꾸는 연습 (!!!) -> 이번주에 브라우저 동작 원리에 대해 발표했는데, 많은 자료를 보고 갔음에도 내가 정말 이해하고 머리에서 정리되서 가르쳐주는 게 이렇게 어렵다는 걸 깨달았다. -어떻게 재밌게 해볼 수 있을까? 재미 포인트를 고민해보기. -> 지금 나의 재미 포인트는 (1) 블로깅 - 배운 것 정리하고, 공유하기 (2) 조금씩 스며들고 익숙해지는, 한달 전보다 성장한 나 자..

오늘 수업에서 서버사이드 렌더링을 줄이는 것에 대해서 튜터님이 얘기해주시고, 튜터님의 클라이언트 사이드 렌더링 코드 (Flask로 되어 있는 걸 람다 함수 기반으로 바꿨다)를 공유해주셨다. 서버리스 Lambda를 하게 되면, 백엔드만 따로 배포되는 구조이기 때문에 프론트엔드와 백엔드가 독립적이여야 한다. lambda는 API 가 따로 독립적으로 배포되기 때문에 서로 의존(coupling)이 되어 있으면 안된다. 그렇기 때문에 서버리스 수업 내내 진자 같은 서버사이드 렌더링을 걷어내고, jquery 등을 사용해서 api 화 하는 것을 강조하셨다. ssr 이 들어가면 코드가 지저분해지는 경향이 있고 관리도 어렵다. 우리 팀은 서버사이드 렌더링이 많고, 변수가 html 을 이동하면서 데이터가 쌓이는 방식이었다..

* 드림코딩과 Jaro님의 블로그 자료를 바탕으로 개인 공부를 위해서 정리한 글입니다. View 를 렌더링 하는 위치에 따라 서버사이드/클라이언트 렌더링으로 나뉜다. 서버사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR) 모두 장단점이 있다. 그러니, 구동하고자 하는 서비스의 니즈에 맞춰서 선택하자. 서버사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR) 이란? 서버사이드 렌더링 -전통적인 웹 페이지 구동방식이다. -요청 시마다 새로고침이 일어나며, 요청이 있을 때마다, 서버에 새로운 페이지에 대한 요청을 한다. -서버 측에서 HTML&View를 생성해서 응답해준다. -필요한 물건이 있을 때마다 마트에 쇼핑하러가는 거라고 생각해보면 쉽다. 클라이언트 사이드 렌더링 -서버 사이드 렌더링은 c..

브라우저의 동작 방법은 대표적인 CS 면접 단골 주제입니다. 왜 이 주제가 면접에서 자주 나올까요? 다양한 의도가 있겠지만, 제 생각엔 이 질문이 인터넷 동작, 웹개발의 핵심과 (정보를 요청하고 가져오는 것, 어떻게 표현되는지) 닿아있어서인 것 같아요. HTML, CSS, JS 코드로 웹 페이지를 생성하면, 브라우저는 요청한 대로 화면에 그려줍니다. 이렇게 그려지는 과정에서 브라우저는 다양한 일을 수행하게 되고, 여기서 렌더링이 큰 비중을 차지합니다. 이 포스팅에서는 브라우저의 개념, 브라우저와 서버의 통신, 브라우저의 구조와 렌더링 과정에 대해 설명드릴게요. 웹 서버와 / 웹 브라우저의 통신 인터넷이 동작하기 위해서는 웹 서버와 웹 브라우저가 필요합니다. 브라우저(클라이언트)에서 서버에 요청을 보내면,..

* 이 글은 조인석님의 강의를 듣고 정리한 내용입니다. slideshare에 공유해주신 내용을 캡쳐했습니다. 파이썬과 자바의 대표적인 차이 파이썬은 전형적인 interpreted 언어이고, 자바는 컴파일 언어라는 것이다. 파이썬은 파이썬 소스코드가 번역기를 통과하면 바로 실행이 된다. 자바스크립트 역시 interpreted 언어에 해당한다. 사용자가 웹 브라우저를 만나는 과정을 보자. 웹 브라우저에 내장되어 있는 자바스크립트 엔진안의 번역기가 자바스크립트를 해석해주고, 사용자는 화면을 볼 수 있다. 여기서 Interpreted 언어란 컴파일러를 거쳐서 기계어로 변환되지 않고 바로 실행되는 프로그래밍 언어를 뜻한다 (위키백과) 스크립트 언어라고도 한다. 반면, 자바는 컴파일 언어다 (c, c++도 대표적인..

알고리즘 공부에 대한 마음의 장벽이 높아진다. 나는 공부를 꼼꼼히 하는 편이고, 새로운 것에 적응할 때 시간이 필요한 타입이다. 부트캠프 특성상 다양하게 배우다보니 (알고리즘, AWS, 실전 프로젝트, 자바, 파이썬, 자바스크립트 등등..) 마음은 조급한데, 익숙해지지는 않아서 재미를 붙이기가 어려웠다. 부트캠프는 압축 성장에 최적화 되어 있다. 압축 성장이 가능한 이유는, 커리큘럼보다도 동료들 덕분이다. 나와 같이 시작한 팀이 앞서가고, 때론 날아다니는 걸 보면 긴장하고 자극받는다. 그런데 압축적인 스트레스도 함께온다. 내가 익숙했던 경영/문과 공부는 시간에 비례해서 성장할 수 있었지만, 프로그래밍 공부는 외국어 공부와 비슷해서, 절대적인 시간과 공부량이 필요했다. 그래야만 한 단계를 넘을 수 있다. ..

왜 HTTP 보다는 HTTPS (Hyper-text Transfer Protocol Secure) 가 권장될까? (1) 내가 사이트에 보내는 정보들을 제 3자가 못 보게함 (보안성) 내가 네이버에 로그인한다고 가정해보자, HTTP 로 보낸다면 내 ID 와 PW 가 암호화가 되지 않은 상태로 보내진다. HTTPS는 네이버만 볼 수 있는 텍스트로 바꿔서 보내준다. 해커가 가로채서 어떤 데이터인지 누출되는 것을 방지한다. (2) 접속한 사이트가 믿을 만한 건지 판단할 수 있는 기준 (신뢰) 기관으로부터 검증된 사이트만 주소에 HTTPS 허용 -> 수상한 사이트를 걸러준다. HTTP? 인터넷에서 커뮤니케이션에 사용되는 형식 중 하나다. 예를 들어 내 컴퓨터 -> 네이버 서버에 정보를 보낼 때마다, 이건 HTTP..

Big O 표기법이란? 알고리즘의 성능을 수학적으로 표기한 것이다. 알고리즘의 시간/공간 복잡도 표현할 수 있다. 실제 러닝 타임보다는, 데이터나 사용자의 증가율에 따른 알고리즘의 성능 예측이 목표다. 그래서 상수를 1로 취급하는 것이다. (1) O(1) 알고리즘 -> 입력 데이터의 크기에 상관없이, 언제나 일정한 시간이 걸림. 데이터가 증가해도 걸리는 시간(성능)은 변하지 않는다. (2) O(N): 입력 데이터의 크기에 비례해서 처리 시간 증가 (N이 늘어날 때마다) (3) O(mN) (4) O(N제곱) (5)O (N 세제곱) 등이 있음. O(log N) - binary search 한번 검색할 때마다, 검색해야하는 양이 반으로 줄어듬. 데이터가 늘어남에 따라서, O(n)보다 O(log(n))의 처리 ..