개발 일기

* 드림코딩과 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))의 처리 ..

SWITCH 문 public class Main { public static void main(String[] args) { // write your code here char score = 'B'; switch (score) { case 'A': System.out.println("A. Congratulation!"); break; case 'B': System.out.println("Your grade is B"); case 'C': System.out.println("Your grade is C"); break; default: System.out.println("Your grade is lower than C"); } } } Your grade is B Your grade is C A는 해당하지 ..

모듈 함수보다 큰 개념. 연관되어 있는 함수/변수를 모아서 파일로 쪼개기. 호스트환경에 따라서 모듈화 방법이 다르다. 함수가 여러번 호출된다면? 여러 html 에서 함수가 호출된다면? 이럴 때 모듈이 필요하다. 아래 코드를 보면, greeting.js 를 자바스크립트 파일로 분리한다. function welcome(){ return 'Hello world'; } 모듈과 라이브러리 모듈: 프로그램을 구성하는 작은 부품으로서의 로직 라이브러리: 자주 사용되는 로직을 재사용하기 편리하도록 정리한 일련의 코드 집합. empty empty empty empty API 란? Application Programming Interface: 프로그래밍이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치. 이렇..