전체 글 (43) 썸네일형 리스트형 [Network] 네트워크 네트워크 네트워크는 미 국방성에서 1969년 진행했던 아르파넷(ARPANET) 프로젝트에서 시작이 되었다. 이 프로젝트는 당시 냉전시대에서 핵전쟁을 대비하기 위한 통신망 구축을 위해서 추진이 되었으며, 회선 교환 방식에서 패킷 교환 방식으로 네트워크를 구축하게 되는데 이를 토대로 현재의 인터넷 통신 방식의 기반이 세워졌다. 회선 교환 방식 발신자와 수신자 사이에 데이터를 전송할 전용선을 미리 할당하고 둘을 연결하는 방식이다. 그래서 내가 연결하고 싶은 상대가 다른 상대와 연결 중이면, 상대방은 이미 다른 상대와의 전용선과 연결되어 있기 때문에 그 연결이 끊어지기 전에는 상대방과 연결할 수 없다.(즉시성이 떨어진다.) 패킷 교환 방식 패킷이라는 단위로 데이터를 나누어 전송하는 방식이다. 각 패킷에는 출발지.. 웹 접근성 웹 접근성 웹 접근성이란 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹 사이트를 이용할 수 있게 하는 방식을 말한다. 웹 접근성을 갖추면 웹에 접근했을 때 어떤 상황에서도 항상 동등한 수준의 정보를 제공받도록 보장할 수 있다. 웹 접근성을 갖추면 얻을 수 있는 효과 사용자층 확대 다양한 환경 지원 사회적 이미지 향상 한국형 웹 컨텐츠 접근성 지침 2.1 인식의 용이성(Perceivable) 적절한 대체 텍스트 자막 제공 색에 무관한 콘텐츠 인식 명확한 지시사항 제공 텍스트 콘텐츠 명도 대비 자동 재생 금지 콘텐츠 간 구분 운용의 용이성(Operable) 키보드 사용 보장 초점 이동 조작 가능 응답 시간 조절 정지 기능 제공 깜빡임과 번쩍임 사용제한 반복 영역 건너뛰기 제목 제공 적절한 링크 텍스.. 웹 표준 웹 표준이란 W3C에서 권고하는 “웹에서 표준적으로 사용되는 기술이나 규칙”으로, 사용자가 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고 있다. 웹 표준의 장점 유지 보수의 용이성 웹 표준으로 HTML, CSS, JavaScript 등의 각 영역이 분리되면서 유지 보수가 용이해졌고, 코드가 경량화되면서 트래픽 비용이 감소하는 효과도 생겼다. 웹 호환성 확보 웹 표준을 준수하여 웹 사이트를 제작하면 웹 브라우저의 종류나 버전, 운영체제나 사용 기기 종류에 상관없이 항상 동일한 결과가 나올 수 있도록 할 수 있다. 검색 효율성 증대 웹 표준에 맞게 웹 사이트를 작성하는 것 만으로도 검색 엔진에서 더 높은 우선 순위로 노출될 수.. UI/UX UI UI(User Interface)는 사람들이 컴퓨터와 상호작용하는 시스템을 의미한다. 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호작용하기 위한 시스템으로 UI라고 볼 수 있다. CLI(Command Line Interface)는 사용자가 터미널을 통해 컴퓨터와 상호 작용하는 시스템을 말한다. GUI(Graphical User Interface)는 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 말한다. UI도 여러 종류가 있지만 프론트엔드 개발자로서의 UI는 대부분 GUI를 의미한다고 보면 된다. UX UX(User eXprerience)는 사용자가 어떤 시스템, 제품, 서비스를 직간접으로 이용하면서 느끼고 생각하는 총체적 경험이다. UX에 영향을 주.. [JavaScript]재귀함수 자기 자신을 호출하는 함수를 재귀 함수라고 한다. 재귀 함수를 잘 활용하면 반복적인 작업을 하는 문제를 좀 더 간결한 코드로 풀 수 있다. 재귀 함수를 코드로 간단하게 만들어 보면 아래와 같이 작성할 수 있다. function recursion() { console.log("이 것이 재귀함수다."); recursion(); } 자기 자신을 호출하는 함수를 재귀 함수라고 한다. 재귀 함수를 잘 활용하면 반복적인 작업을 하는 문제를 좀 더 간결한 코드로 풀 수 있다. 재귀로를 사용하기 적합한 경우 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우 반복문으로 작성된 코드를 더욱 간결하고 이해하기 쉽게 작성하고 싶은 경우 수(n)를.. Section2 회고 Section2에서 React와 웹 서버에 대해서 주로 배웠다. 새로 배우는 내용들이 많다보니 시간이 순식간에 지나가서 내 머리 속에 남아 있는 지식은 얼마 없다는 것이 너무 잘 느껴졌다. 특히 개인 프로젝트로 나만의 아고라스테이츠 만들기에서 서버는 최근에 배운 내용들로 어떻게든 만들어 나갔지만 React로 클라이언트 새로 만들라고 하니 정말 시작도 못했다… React 배운지 1주일도 안 넘었는데 신경을 안 쓰니 어떻게 작성을 시작해야할지 기억도 안 나니 멘붕🤯ㅋㅋ 나의 실력은 정말 형편이 없다는 것을 절실히 느끼게 되어서 이제 주말에도 열심히 해야 겠다는 생각은 들지만 막상 주말되면 평일 동안 힘들었어 하면서 쉬게 되는 내 자신이 보일꺼 같다…🥲 Section3에는 배운 내용들을 그날 그날 작성하면서 .. [Network] Postman을 사용하여 API 사용하기 GET request 💡 GET URL(root-endpoint)/user/messages(url-path) 로 요청 HTTP 메서드 : GET URL : http://3.36.72.17:3000/ path : kimcoding/messages Send 버튼 : HTTP 요청 버튼 HTTP 요청시 설정할 수 있는 각종 옵션 key, value에 원하는 파라티미터를 넣어서 원하는 값을 요청한다. 위의 예시에서는 key가 roomname이고, value가 로비인 데이터를 요청하였다. HTTP 응답 화면 요청에 대한 응답으로 "roomname":"로비"인 데이터를 받았다. POST Request 💡 POST URL/user/messages HTTP 메서드 : POST URL : http://3.36.72.17.. [Network] REST API REST REST란 REpresentational State Transfer의 약자로, 웹 서비스를 만드는 데 사용할 제약 조건 집합을 정의하는 소프트웨어 아키텍처 스타일이다. 2000년에 로이 필딩이 박사학위 논문에서 REST를 처음 소개했다. REST의 6가지 제한 조건 Uniform Interface(인터페이스 일관성) Server-Client(클라이언트-서버 디커플링) Stateless(무상태) Cacheable(캐시 처리 가능) Layered System(계층화) Code on demand(optional) REST API REST API란 웹에서 사용되는 데이터나 자원을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식이다. REST 성숙도 모델 0단계 - HT.. 이전 1 2 3 4 ··· 6 다음
