본문 바로가기

반응형

개발공부

(4)
[생활코딩 & 그랩의 기술블로그] 서버와 클라이언트 간단 기초 학습 메모(#웹서버, #Api 서버) 역시 기본은 생활코딩.. 예전에 웹을 처음 공부하기 시작했을 때 보았던 영상이지만, 한창 공부하다가 다시 돌아와서 보니 이해가 쉬워졌다.. 역시 반복학습이 최고다. +그랩의 개발블로그 또한 최고.. 생활코딩과 함께 두고, 서버와 클라이언트에 대한 전반적인 이해에 성공했습니다! 핵심적인 것들만 개인 리마인드 용으로 이곳에 메모메모합니다.. 혹, 필요하신 분들은 하단에 첨부한 원문 포스트 참고해 주세요! 이 클라이언트와 서버의 소통 과정을 좀 더 들여다보자. 좀 더 풀어서 보면, 다음과 같다. 1. 브라우저가 웹을 요청(사용자가 브라우저에 url입력 시) 했을때, 웹서버가 갖고있던 웹(html,css, js)을 넘겨준다. 2. 1번 과정을 통해 브라우저가 최종적으로 웹을 화면에 그렸다(브라우저 렌더링). 3..
[노마드코더] 바닐라 JS 2/ 백틱! 과거 자바스크립트는 다음과 같은 방식으로 코드를 작성했다. 바로 내가 생활코딩에서 배웠던 방식이다! 이 방식에서 문자열은 ' '든, " "든 같았다. 여기에 새로운 방식이 추가되었는데 바로 저 ``백틱이라는 것이다. 맥 키보드에는 눈을 씻고 찾아봐도 없었다. 알고 봤더니 백틱은 이미 죽은 키로.. option + ₩ 을 누르면 입력할 수 있다. ``을 이용해, 위의 코드를 다음과 같이 보다 편하게 만들어줄 수 있다. function sayHello(name, age){ console.log(`Hello ${name} you are ${age} years old`); } 이렇게! 이번에는 greetNicolas라는 새로운 변수를 선언해서 이 함수를 실행해보겠다. greetNicolas는 sayHello 함..
[생활코딩] 배열과 반복문의 활용 / 함수의 기본, 매개변수와 인자, 출력 배열과 반복문의 활용 함수 이렇게, 위에 two라는 이름의 함수를 지정해줬고, 이후에 two()라고만 적어주면, 길게 코드를 반복해줄 필요없이 해당 함수를 실행 시킬 수 있다! 매개변수와 인자 parameter & Argumnet 입력(매개변수)과 Parameter & Argument(인자) function sum(left, right){ document.write(left+rigth+' '); } 태그 안에서 함수의 내용을 위와 같이 정의해준다. sum(2,3); sum(3,4); 이렇게 실행시켜주면 왼쪽의 화면처럼 5와 7이 산출된 것을 볼 수 있다. 출력 Return 출력을 이용하면, 단순 덧셈 뿐 아니라, 더 추가적인 다양한 요소들을 출력해야할 때 유용하다. 이전에는 다음과 같은 방식으로 함수를 ..
[생활코딩] javascript - 배열과 반복문 배열 반복문 반복문은 while을 이용해주는 것! i=0 이라는 변수를 먼저 지정해주는 것이다. i

728x90
반응형