DongEsssss

우리는 프로젝트를 하면서 처음에 Node_module를 설치를 할 때 방법이 두 가지 있습니다, yarn npm이 둘이 있는데 알고 계신 개린이 분들도 있겠지만, 대부분 정확하게 yarn과 npm 차이를 모르고 사용하는 사람들이 많습니다.저도 공부하기 전에는 yarn이 더 빠르다 보안성이 좋다 정도만 알고 있었는데 오늘 제대로 알아보도록 하겠습니다!1. NPM (Node Package Manger)정의npm(Node Package Manager)은 자바스크립트 프로그래밍 언어를 위한 패키지 관리자입니다. 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자입니다.npm의 명령어npm init : package.json 생성npm install : package.json 생성npm install p..

1. 도메인에 google.com을 입력하면 어떤 일이 일어나는가? 도메인에 Google.com을 입력하면 해당 도메인에 네임을 DNS서버에서 검색합니다 도메인에 네임에 해당하는 ip를 찾으면 요청한 url과 함께 정보를 전달합니다. 브라우저에서 http프로토콜을 사용하여 요청메세지를 생성하고 tcp/ip를 사용하여 서버에 정보를 전달합니다 서버에서는 리스폰 메세지를 생성하여 다시 브라우저에 전송하고 전송받은 브라우저에서는 리스폰 메세지를 파싱하고 화면을 렌더링합니다. 2. URI와 URL의 차이점 URL은 URI의 일부분입니다. URI는 리소스를 식별하는 고유 주소를 말하고 url은 uri안에 있는 리소스의 위치를 정확히 지정하는 주소를 말합니다 3. 토큰을 사용하는 이유 토큰은 주로 인증과 권한 부여..

1.  프로그래밍은 무엇인가 우리가 컴퓨터를 이용하여 컴퓨터 언어로 어떠한 문제를 해결하기 위해 컴퓨터언어로 소프트웨어나 하드웨어 개발하는 것이 프로그래밍이라고 한다. 2. 시간복잡도 특정 문제를 해결하기 위해 알고리즘을 파악하고 해결하는데 걸리는 시간과 입력의 크기의 함수관계를 시간 복잡도라고 합니다. 3. 자기소개서 안녕하십니까 A회사 프론트엔드 개발을 지원한 임동균입니다.  저는 퀀텀서프주식회사라는 회사에서 1년간 소프트웨어 개발자로 근무하고 있습니다. ??대를 컴퓨터공학부 멀티미디어과를 전공하고 b회사에서 1년9개월간 실무경험을 쌓았으며, 이러한 경력을 바탕으로 A회사 에서 제 커리어를 더욱 발전시키고자 지원하게 되었습니다 A회사 는 기획 디자인 개발 유지보수까지 모든 것을 맡아 하는 회사에서 로..

1. 리액트란 무엇인가 (특징) - 페이스북에서 개발한 웹을 개발할 때 사용하는 프레임워크로 자바스크립트 라이브러리의 하나입니다. 리액트의 특징으로는 단방향성 데이터 흐름을 갖고 있는 것과 가상 돔을 사용하여 메모리를 효율적으로 사용하고 가독성과 유지보수가 용이하며 컴포넌트 기반으로 이루어져 있어 코드의 수정이 쉽습니다 그리고 JSX문법을 사용하고 Props와 State를 사용하는 특징을 갖고 있습니다.   2 .리액트의 장점 - 리액트의 장점으로는 컴포넌트를 기반하기 하여 개발을 하기 때문에 코드의 가독성과 유지보수가 쉬우며, 가상돔을 사용하여 개발하기 때문에 리렌더링이 적어 메모리 부분에서 장점이 있습니다. 가장 큰 장점이라고 생각하는 것은 리액트를 사용하는 개발자들이 많기 때문에 앵귤러와 뷰와는 다..

요즘 면접 공부를 했어서 어떤 질문을 하는지 잘 찾아보았습니다. 면접 질문 찾아서 공부하면서 코드뿐이 아니라 우리가 기본적인 지식을 머리에 탑재해야 한다는 것을 알았어요..var가 뭐냐 let이 뭐냐 const가 뭐냐 이런게 아니라 리다이렉션이 뭐냐 이런 걸 알아야 더 좋은 개발자가 될 수 있을 거 같아요이번 면접이 처음이었는데 이 회사 정말 가고 싶네요....아래처럼 출근할 수 있을 거 같아요 많이 배우고 성장할 수 있을 거라고 확신하고 있어서요 ㅎㅎ..  기술, 인성 검사를 좀했는데 제가 공부했던 면접 질문들을 공유할까 해요 웹표준 글은 이미 올렸지만...(여러분들도 기회가 된다면 tistory로 작성하면서 공부해 보세요 나름 공부가 됩니다.) 다음 작성부터는 생각나는걸 차례대로 올려볼게요.코드도 중..

앞선 3개의 포스트로 우리는 웹 표준, 웹 접근성, 웹 호환성에 대해서 알아 보았습니다.우리는 이 3가지를 공부하면서 3가지의 목적은1. 웹을 사용하는 사람들이 정보나 서비스를 자유롭고 쉽게 이용할 수 있도록2. 장애인, 고령자들도 쉽고 자유롭게 이용할 수 있도3. 다양한 운영체제, 다양한 브라우저, 다양한 디바이스에서도 이용할 수 있도록4. 개발 및 운용의 효율성 제공웹 표준은 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준웹 접근성은 고령자 장애인등 지구에 사는 사람들이라면 웹의 서비스와 정보를 자유롭게 사용할 수 있도록 제시된 표준웹 호환성은 다양한 운영체제 디바이스 브라우저에서도 웹 페이지나 웹 애플리케이션을 사용할 수 있도록 제시된 표준우리는 이 3가지를 잘 지켜..

표준 웹 기술을 사용하여 운영체제(window, macos...) 브라우저(chorme, edge...) 디바이스(모바일, 데스크톱, 태블릿...)등 어느 한쪽으로 최적화되거나 종속되지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말합니다.웹 호환성을 준수하는 이유웹 표준을 준수하지 않고 특정 운영체제와 브라우저에 종속되어 있다면 다양한 운영체제 환경 및 브라우저에서의 사용이 불가능합니다. 이 점은 다양한 사람들이 개발한 프로젝트의 서비스를 사용하는 것에 있어서 불편함을 느낄 수 있다는 것이고, 제일 중요한 개발자들은 돈을 벌 수가 없습니다 ㅎㅎ;; 캐시카우가 안됩니다..그래서 우리 개발자들은 웹 호환성을 지켜 웹 페이지나 웹 애플리케이션이 여러 브라우저와 디바이스에 일관되어 동작할 수 있도..

더보기웹 접근성은 정확하게 말해서 어떤 사람이든 지구 상에 존재하는 인류라면 어떤 웹 사이트에서 동등하게 정보에 접근하고 이해할 수 있도록 보장하고 정보통신 기기(핸드폰)나 서비스(SNS)를 쉽게 사용할 수 있도록 하는 것을 말합니다. 웹 사이트를 만드는 개발자 대다수가 비 장애인이기에, 장애인들이 이용할 수 있는 웹 사이트 개발에 대한 인식이 부족하고, 이러한 관점에서 웹 접근성은 개발자가 지켜하는 규칙 웹 접근성은 WCGA(웹 콘텐츠 접근성 지침)을 포함하여 지켜줘야합니다. 인지가능(Perceivable): 모든 사용자가 정보를 인지할 수 있어야 합니다.실시 가능(Operable): 모든 사용자가 상호작용이 가능하도록 지원되어야 합니다.이해 가능(Understandable) : 정보와 조작이 이해하기..

필수적으로 지켜야 하는 웹 표준이란? 옛날이야기로 먼저 시작하겠습니다. 우리는 예전에 저희 부모님 뻘 시전에는 익스플로러와 넷스케이프가 웹 시장 점유율을 경쟁하고 있었습니다. 그로 인해 개발자들은 익스플로러와 넷스케이프만 지원하는 사이트를 각각 만들어야 했으며, 과도한 경쟁으로 인해 웹을 구현하는 방식이 제각각이 되었습니다. 그러자 WWW의 창시자였던 팀 버너스리가 W3C라는 웹 표준화 기구를 설립하였고, 1998년 외국 개발자들을 중심으로  웹 표준을 브라우저에 탑재하는 움직임 일어났고 이것을 웹 표준 프로젝트 WaSP라고 하는데 이 프로젝트에 참여한 웹 개발자들이 웹 표준안을 활발히 사용하고 전파하게 되었습니다. - 만약에 이들이 없었다면 우린 지금은 없어진 익스플로러, 크롬, 폭스 , 오페라, 사파..

우리는 개발을 하면서 여러 가지를 신경 써야 합니다. 프로그래밍을 어떻게 하냐도 중요하지만 프로그래밍을 하기 전에 사전 어떤 것을 유의하고 중요하게 생각해야 하는지  잘 생각해야 합니다.  리액트 뷰 앵귤러 프레임워크를 잘하면 좋겠지만 웹 표준/ 호환성/ 접근성 등 웹에 대한 기본 지식과 웹 개발전에 필수적인 것 들을 신경 쓰지 못한다면 기능만 좋은 안 좋은 프로젝트만 될 확률이 매우 높다고 생각합니다.  그래서 코드를 작성하기 전에 저는 이런 것들을 알아보고 이 후에 코드 작성을 하면서 알아볼라고 합니다! 예를 들어서 useState, useEffect처럼 사용하면서 공부해야 하는 것들은 코드를 작성하면서 공부하겠지만, 웹 표준, 호환성, 접근성처럼 필수적인 지식 것들은 먼저 공부하고 코드 공부를 해야..