멋진 개발자가 되고 싶어

반응형 웹을 만들면 이미지의 크기가 웹의 크기에 따라 달라지는 경우가 생긴다. 이때 이미지 크기에 따라 태그의 개수를 다르게 표시할 수 있는 방법이다. 그러니까 이미지의 가로 크기만큼 태그가 잘리지 않는 선에서 최대한으로 보일 수 있는 방법이다. .....나도 설명하면서 뭔말인지 모르겠다. 그래서 미흡한 설명을 한눈에 확인할 수 있도록 codepen으로 준비해봤다. 아래의 코드펜 창을 통해 바로 확인할 수 있다. 추가로 설명하자면 box 아래에 태그를 감싸는 tags라는 클래스의 div가 존재하고, 이 안에는 태그 100개가 들어가 있다. 그 아래에는 박스의 넓이를 조절할 수 있는 range type의 input이 존재한다. See the Pen How to hide tags by bbungbbun (@..

# SPA는 무엇일까? Single Page Application의 약자로, 이름처럼 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현 하는 것을 의미한다. 웹사이트 용량이 점점 커지게 되면서 새로운 페이지로의 이동이 버거워지게 되었고, 이로 인해서 등장하게 되었다. 최소한의 요소만 변경하여 다른 페이지로 이동했다는 느낌이 들도록 하는 것이 특징이다. 이는 최초 로드된 자바스크립트를 통해 미리 브라우저에 올라간 템플릿만 교체하는 것이다. # 참고 자료 https://www.huskyhoochu.com/what-is-spa/

# CDN이란 무엇인가요? CDN (Content Delivery Network) 전 세계 사용자에게 지리적 제약 없이 빠르고 안전하게 콘텐츠를 전송할 수 있는 콘텐츠 전송 기술 CDN은 각 지역에 캐시 서버(PoP, Points of presence)를 분산 배치합니다. 따라서 근접한 사용자의 요청에 원본 서버가 아닌 캐시 서버가 콘텐츠를 전달하게 됩니다. 이는 서버와 사용자 사이의 물리적인 거리를 줄여주기 때문에 콘텐츠 로딩에 소요되는 시간을 최소화할 수 있습니다 예를 들어서 미국의사용자가 한국에 호스팅 된 웹 사이트에 접근하는 경우, 미국에 위치한 PoP 서버에서 웹사이트 콘텐츠를 사용자에게 전송하는 방식 # 어떤 경우에 CDN이 필요한가요? - 인터넷을 통한 비즈니스를 운영 - 그래픽 이미지, 동..

어디에 활용하는지 왜 알아야하는지 알지 못하면 도저히 외워지지 않는 병이 있다. 그래도 웬만하면 대충 넘어가려했는데 도대체 어쩌라고? 싶은 부분이 생겼다. 그건 바로 수치적 연산의 shift 본문의 내용은 이러했다. 02 수치적 연산 산술적 shift는 곱셈과 나눗셈 연산에 이용 1) 왼쪽 시프트 - 왼쪽으로 한 비트씩 이동 - n비트 왼쪽 시프트는 2의 n제곱 한것을 의미(n은 시프트 비트 수) - 범람(overflow) : 밀려나간 비트가 1일 경우 발생 예시) 2의보수 11100111에 대해서 왼쪽으로 1bit 시프트 11100111 -> (1)1100111(0) ---- 맨 앞의 1 삭제, 맨 뒤의 0 채움 -> 11001110 [출처] 유튜브 영상 part 1-9 자료표현과 연산(3) https..

1) 영상 강의 시청 정보처리기능상 필기 기본서 (2022년) https://youtube.com/playlist?list=PL6i7rGeEmTvr_wRmSSSuO2AFSLU_zpYQn 정보처리기능사 필기 기본서(2022년) 이 동영상은 [이기적 정보처리기능사 필기 기본서] 도서 내용을 바탕으로 제작되었습니다. 🔹 도서 자세히 보기 : http://www.yes24.com/Product/Goods/104074273 🔹 이 동영상이 포함된 재생목록 : https://www. www.youtube.com 바로 기출문제를 풀어보니 처음 마주하는 개념이 많았다. 그래서 영상강의를 통해서 개념을 다지기로 했다. 위의 링크로 들어가면 유튜브에서 무료강의를 볼 수 있다. 이외에도 많은 강의가 있으나 인기있는 교재의 ..

내 목표는 프론트엔드 웹개발자가 되는 것! 근데 나의 최종학력이 고등학교 졸업이다보니 구직 사이트를 통해서 알아보니 고졸자는 잘 안뽑는 경우가 많다. 이는 회사 입장에서 당연한 처사라고 생각한다. 대학교 4년을 다닌 것으로 다양한 사회경험을 했음과 다양한 교양지식을 쌓았음을 확실하게 증명할 수 있기 때문이다. 그렇다고 내가 손놓고 있을 수 만은 없는 노릇!! 대학 졸업장이 없다면 다른 것들을 통해서 증명하라 나의 실력을 증명하기 위해서는 무엇을 하면 되는가? 1. 질적으로 좋은 퀄리티의 포트폴리오를 만들기 2. 자격증 취득 1번은 깃허브와 개발자 블로그를 통해서 준비중이고 2번은 이 블로그 카테고리를 통해 그 과정을 기록하려한다. 하지만 하고 많은 자격증 중에서 왜 정보처리 기능사인가? 가장 인정받는다는..