Bootstrap 5가 정식 출시되었네요. Bootstrap 5의 달라진 점은.. jQuery 제거. Vanila JS 적용 IE 10, 11 지원 안함 반응형 폰트 사이즈 등

하이파이 음악은 들어봤어도 로파이(Lo-fi) 음악이라고 들어보셨나요? 고음질의 음악이 아니라 일부러 저음질로 만든 음악인데 의외로 듣기 편하고 좋습니다. 특히 로파이 음악은 애니매이션과 함께 감사하면 제격인데 이 서비스 페이..

매우 유용하지만 평소엔 잘 몰랐던 HTML 팁들을 소개합니다.   'loading=lazy' 속성 사용자가 이미지 영역까지 스크롤한 경우에만 이미지를 호출하도록 하는 속성입니다. 이미지 호출량을 줄여줌으로써 네트워크 성능에 도움일..

자바스크립트에서 배열을 합치는 3가지 방법을 소개합니다.   Spread 연산자를 사용하여 배열을 합치는 방법 쩜쩜쩜(...)으로 생긴 연산자를 이용하여 배열을 합칠 수 있습니다. const heroes = ['Batman', 'Superman']; const villai..

채용 전쟁!

1단계 – HTML 2단계 – CSS 3단계 – JavaScript 4단계 – React 5단계 – Node.js 6단계 – MySQL 7단계 – MongoDB 8단계 – Git 명령어 9단계 – 프로젝트 만들어서 GitHub에 올리기   축하합니다!! 풀스택 개발자가 되셨습니다!! 취업 준비..

블록체인을 도입할 지 고민일 때 이 다이어그램도 참고하세요~^^

       

(번역) Angular, React, Vue.js, ES6, GraphQL, Flexbox, 정규표현식, Sass, Redux, Vuex, 자바스크립트, Stylus 의 속성 및 API..

ㅡ SWARM / 번역글 | 미니멀 디자인이 트렌드가 된 지 꽤 오랜 시간이 지났습니다. 다음 트렌드는 무엇일까요? 지난 몇달간 최첨단 디자인을 달리는 몇몇 서비스들 중 "미니멀 디자인"을 다음 단계로 이끌어나가는 것들이 생겨났습니다..

Passport.js 를 설명하는 블로그 글은 굉장히 많으니 전체적인 과정보다는 원리/가장 시간이 많이 드는 세부적인 문제 위주로 글을 작성하려고 한다. 이전 포스트에서도 지적했듯이 Passport.js 튜토리얼을 따라가다 보면 얼마 안 돼서..

이미지가 많은 웹사이트에서는 브라우저 화면상에 표시되지 않은 영역의 이미지의 로딩을 의도적으로 지연시켜서 네트워크 트래픽과 성능에 도움을 주는 방법을 많이 사용한다.그런데 지연 로딩(lazy loading)이라고 불리는 이 기법을 ..

(기본) 자바스크립트 입문자부터 숙련자까지 간단히 보기 좋은 요약본

예를 들어서 PHP와 함께 CSS로 background-image 를 지정할 때 다음과 같이 쓸 수 있는데background-image : url();이 때 $image_url에 값이 없는 경우 HTML에는 아래와 같이 출력된다.background-image : url();문제는 이렇게 되면 이..

프로그래밍 언어를 공부하다보면 Modern이라는 키워드가 자주 등장합니다. 사전적인 의미로 현대적인 라는 의미로 최신이라는 의미가 내포되어 있습니다. 현대적인 라는 말은 과거 / 현재의 비교가 필요합니다. 즉 before & after가 필..

Smartmockups은 디자이너, 마케터, 개발자들을 위한 완벽한 목업 컬렉션을 갖추고 있는 사이트입니다. $49를 지불하면 정식으로 서비스를 이용할 수 있지만, 무료 체험도 가능합니다. 포토샵을 전혀 사용할 필요없이 이 Smartmockups ..

모바일 기기의 인터넷 트래픽 비중이 PC의 인터넷 트래픽 비중을 앞지를 정도로 사람들은 PC에서보다 모바일 기기에서 웹 서비스를 더 많이 사용하게 됐습니다. 이런 변화가 웹 서비스의 UI에도 많은 영향을 끼쳤습니다. 변화에 영향을..