신입 개발자에서 시니어 개발자가 되기까지

네트워크의 시작 - 미 국방성 아르파넷(ARPANET) - 회선교환방식에서 패킷교환 방식으로 네트워크 구축. - 회선교환 방식 : 발신자와 수신자 사이에 데이터를 전송할 전용선을 미리 할당하고 둘을 연결한다. 제3자가 연결을 시도해도 기존의 연결이 끊어진 후에야 연결할 수 있다. - 패킷 교환 방식 : 데이터를 패킷 단위로 쪼개서 전송하는 방식. 패킷에는 출발지와 목적지 데이터가 있다. 이를 이용하면 특정 회선이 전용선으로 할당되지 않아 효율적이다. IP / IP Packet - IP란? 인터넷 프로토콜. IP 주소를 컴퓨터에 부여해 이를 이용하여 통신한다. - IP는 지정된 IP 주소에 패킷이라는 통신 단위로 데이터 전달을 한다. - Packet은 pack과 bucket이 합쳐진 단어로 소포에 비유할 ..

접근성 지침 1. 이미지 대체 텍스트 2. 동영상 자막 제공 3. 색약, 색맹 고려하여 컨텐츠 제작 1) 테두리, 또는 레이블 달기 4. 텍스트 콘텐츠 명도 대비 - 텍스트와 배경의 명도 대비는 4.5대 1 이상이어야 한다. - 텍스트가 18pt 또는 굵은 14pt 이상인 경우, 확대 가능한 페이지인 경우 3대 1까지 허용된다. 5. 동영상, 오디오 자동 재생 금지WAI-ARIA 1.WAI : W3C에서 웹 접근성을 담당하는 기관 2.ARIA : 장애가 있는 사람들을 위한 웹 접근성 기술 3.필요성 시멘틱 요소 만으로 의미를 충분히 부여할 수 없는 상황에서 보조적으로 사용할 수 있다. 동적으로 현재 태그의 속성을 업데이트 할 수 있다. 4.네이버 페이지로 알아보는 사용법 해당 탭의 네이버 코드 엔터1) ..

웹 -웹은 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 정보 공간. -예전에는 브라우저간 호환이 되지 않아서 개발자들이 각 브라우저마다 따로 개발을 했어야했다. 웹표준 -W3C에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙이다. 여기서 말하는 기술은 HTML,CSS, JavaScript다. -최신 브라우저들은 모두 웹 표준을 지원하기 때문에 이 표준에 따라 웹 페이지를 제작하면 어떤 운영체제나 브라우저에서 접속하더라도 정상적으로 작동한다. 웹표준 장점 - 유지 보수의 용이성 - 웹 호환성 확보 - 검색 효율성 증대 - 웹 접근성 향상semantic HTML 1.시멘틱 태그의 필요성 1) 개발자 간의 소통 2) 검색 효율성 3) 웹 접근성2.시멘틱 요소의 종류 3.예시로 보는 시멘틱 HTML 1)..

1. Redux 구성과 작동방식 a. state가 업데이트 되면 업데이트 정보가 담긴 Action 객체가 생성된다. b. Action 객체는 Dispatch 함수의 인자로 전달된다. c. dispatch 함수는 Action 객체를 Reducer 함수로 전달해준다. d. Reducer는 Action 객체의 값에 따라 전역 상태 저장소 Store의 상태를 변경한다. e. 상태가 변경되면 React는 화면을 다시 렌더링한다. f. 데이터 흐름 : Action -> Dispatch -> Reducer -> Store2. Store -store은 단 하나. 중앙 데이터 저장소다. 3. Reduce 함수 -Reducer는 Dispatch에게서 전달받은 Action 객체의 type 값에 따라서 상태를 변경시키는 함수..

1. CDD란? -Component-Driven Development 번역하면 컴포넌트 주도 개발이 되겠다. -재사용할 수 있는 UI 컴포넌트를 개발하여 이 컴포넌트들을 결합해서 페이지를 만드는 방식. 2. Css 전처리기 -프로젝트의 규모가 커지면서 css 작업을 효율적으로 하기 위해 Css를 구조화하는 도구. css에 프로그래밍 개념(변수, 함수, 상속 등)을 활용한다. -Css 전처리기만으로는 웹서버가 인지하지 못해서, Css전처리기에 맞는 컴파일러(compiler)가 필요하다. 3. SASS -Syntactically Awesome Style Sheets -$ 기호를 이용해 변수를 선언하고, 사용할 수 있다. -css 구조화는 할 수 있었지만 css의 용량이 매우 크다. 4. Css 방법론 대두 ..

1. 재귀함수란? - 자기 자신을 호출하는 함수2. 재귀함수가 문제해결하는 방식 a. 문제를 작은 단위로 쪼갠다. b. 더 이상 쪼개지지 않을 때 가장 작은 단위의 문제를 해결한다. c. 거슬러 올라가면서 문제를 해결한다.3. 재귀는 언제 사용하는가 a. 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 b. 중첩된 반복문이 많거나 반복문의 중첩 횟수(number of loops)를 예측하기 어려운 경우4. 재귀적으로 사고하기 a. 재귀함수의 입력값, 출력값 정의하기 arrSum: [number] => number number타입을 요소로 갖는 array를 인자로 전달하고 number타입을 리턴한다.b. 문제를 쪼갤 기준 정하기 - 일반적으로 입력값을 기준으로 정한다. - 중요한 관점은 입..