맨 땅에 프론트엔드 개발자 되기

Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh 프론트엔드 개발자 공부 로드맵

최근에 프로젝트를 하면서 웹에서 이미지 파일을 업로드하고 다운로드 할 수 있는 기능들을 만들다보니 Base64와 MIME Type에 대해 많이 접하게 되었다. 한 번 제대로 정리해두면 좋을 것 같아 정리해보려고 한다. Base64 란? - 인코딩 Base64에 대해 알기 전에 먼저 인코딩에 대해 알 필요가 있다. 동영상 인코딩 등 흔하게 접하는 용어지만, 정확히 인코딩이 무엇을 뜻하는 말인지 몰랐다. 컴퓨터가 0과 1의 이진법으로 구성되었다는 것은 컴퓨터 전공자가 아니더라도 한 번 씩은 들어봤던 것 같다. 우리가 컴퓨터 혹은 전자기기로 접하는 모든 이미지, 동영상, 사운드 파일은 0과 1로 이루어진 데이터인데, 모두 컴퓨터가 이해하는 방식으로 인코딩된 것이다. 인코딩 = 컴퓨터가 이해하는 방식으로 바꾸기..

소프트웨어 라이센스란? 소프트웨어에는 여러 가지가 해당될 수 있는데, 그 중에서도 개발자가 사용하는 소프트웨어는 라이브러리, 프레임워크 같은 것들이 있다. 모든 라이브러리와 프레임워크는 그것들의 소유권을 가진 저작권자가 있고, 라이선스의 종류에 따라 사용 가능 범위가 다르다. ISC License ISC 라이선스는 Internet Systems Consortium(ISC)에 허용된 free Software license 로, ISC에서 개발한 OpenBSD베이스로 개발된 소프트웨어 릴리즈를 위해서 사용되는 라이선스이다. ISC License ISC 라이선스는 Internet Systems Consortium(ISC)에 허용된 free Software license 로, ISC에서 개발한 OpenBSD베이..

VS Code로 코드 작성시에 코드 작성을 편하게 도와주는 Extension 몇 개를 소개해볼까한다. 1. Indent-rainbow indent는 들여쓰기라는 뜻으로 코드를 작성할 때 들여쓰기 단계에 따라 4가지 색상으로 구분해서 코드 작성을 도와주는 기능이다. 코드의 길이가 짧을 때는 별 유용함을 느끼지 못하지만, 코드가 길어지면 포함관계를 구분해서 작성해야할 때 위치를 잘 찾을 수 있도록 도와준다. 2. Auto Close Tag / Auto Rename Tag HTML/XML 태그의 닫힘 태그를 자동으로 완성해주는 기능이다. 태그 명을 수정할 때에도 닫힘 태그를 자동으로 수정해준다. 꼭 필요하고 없어서는 안 되는 기능이라고 생각한다. 정말정말!!! 3. Color Highlight 색을 많이 다루..

유튜버 노마드 코더라는 분을 알게 되었다. 온라인 웹사이트에서 클론 코딩을 통해 무료로 코딩 강의를 해주시는 고마운 분이다. 이 분이 조언해주신 코딩 초보자의 공부 테크트리에 따르면, 1. HTML, CSS 를 먼저 공부한다. - HTML과 CSS는 모든 웹 개발의 주춧돌 같은 것이다. - 이를 통해, 텍스트 에디터, 브라우저는 어떻게 작동하는지 등에 대해 개념을 깨우친다. 2. Javascript를 공부한다. (마스터하는 정도는 아님) - "바닐라 자바스크립트"를 먼저 배워라. 3가지 프로젝트 - To do List, Interaction, Library(J쿼리, 리액트) - HTML을 자바스크립트로 수정하는 것이 편해질 시점까지 배운다. - 초반에는 라이브러리를 배우지 마라. 라이브러리를 먼저 배우면..