럿고의 개발 노트

● Semantic HTML = 의미론적 HTML- 문서 의미에 맞게, 앱의 의미에 맞게 HTML을 작성하는 것이 중요- 예제)■ 안녕하세요. 럿고입니다.■ 안녕하세요. 럿고입니다.- 예제 2개 중 저 의미를 잘 전달하는 것이 무엇일까요? 한번 고민해보세요.- 기계에는 명확한 의미를 부여해줘야 한다는 점을 꼭 숙지하고 코딩을 하는 것이 중요(스마트 리더, 크롤러 등)- HTML코드를 작성할때 정답이 존재하지 않기때문에 가장 최선이라고 생각하면서 코드를 작성해야 함- semantic하게 짜는 것도 중요하지만, 디자인 시안처럼 똑같이 구현하는 것도 무척 중요- HTML와 CSS와 JavaScript가 조화롭게 이루어져야 한다는 점을 생각하고 코딩할 것! ● - 해당 페이지의 main 콘텐츠- 한페이지에 한번..

● SPA란?- Single Page Application(단일 페이지 어플리케이션) - 기존 웹 서비스는 요청시마다 서버로부터 리소스, 데이터를 해석하고 화면에 랜더링 하는 방식 - 그러나 SPA형태는 브라우저에 최초에 한번 페이지 전체 로드 후 이후 부터 특정 부분만 Ajax를 통해 데이터를 바인딩하는 방식 - 전통적인 페이지 vs 단일 페이지 어플리케이션 비교 - 예전부터 개발자들은 지속적으로 웹서비스와 개발방식을 발전 시켜옴 - CSS, JS 리소스 등 CDN형태로 캐싱 및 압축하고, View에서 템플릿엔진 들을 사용하고, 초기 SPA개념인 Backbone.js, Angular.js 라이브러리들이 나왔고, 지금은 템플릿 개념을 지나 컴포넌트 개념인 React.js, Vue.js, Angular2 ..

● HTTP(Hyper Text Transfer Protocol, 하이퍼텍스트 전송 방식)- 웹 서비스는 HTTP를 통해 데이터를 주고 받음 - 하이퍼 텍스트란 하이퍼링크를 통하여 움직일 수 있는 텍스트 - 앞에서 뒤로 읽어나가는 순차적 흐름이 아니라 중간에서 다른곳으로 오가는 방식을 의미 ● TCP/IP(Transmission Control Protocol / Internet Protocol)- TCP규약 + IP규약 / 웹에서만 사용 ▶ TCP(Transmission Control Protocol)- TCP는 데이터 전달 관리 규칙. 즉, 데이터를 작게 나누어서 옮기고 다시 조립하여 원래 데이터로 만드는 규칙- 여기서 잘게 나눈 데이터 단위는 패킷으로 인터넷에서 정보를 전달하는 단위- TCP는 패킷을..