개발자 포트폴리오.. 어떻게 만들까? 나만의 포트폴리오를 만들어 취업뿐만 아니라 경력 사항들을 나열하고싶다. 구글에 "프론트엔드 개발자 포트폴리오", "개발자 포트폴리오" 등 검색하면 여럿 나오기 때문에 다른 분들의 포트폴리오를 확인할 수 있다. 나름 괜찮은 포트폴리오는 즐겨찾기해 가끔 벤치마킹을 하는데.. 취업에 성공했는지 사라져있는 경우가 빈번하게 있어 나는 블로그처럼 계속 유지하면서 기록을 쌓아가고 싶다. 비슷하게 따라 만들까? 생각은 들었지만 생각해보면 레시피만 따라 만드는 꼴이다. 신선한 재료와 솜씨가 필요한데, 레시피만 가지고 승부를 볼 수 없다는 것. 나는 잠깐 웹 에이전시 회사에 기획 업무를 경험한 적이 있지만, 개발 경력이나 진행했던 프로젝트가 없어 포트폴리오에 넣을 콘텐츠도 생각해봐야한..
2021.02.27
a태그 href 기능 제거하기 HTML 태그는 특정 링크로 이동을 하거나 새로운 창을 띄워 이동하는 등 유용하게 사용되지만 링크로 이동하고 싶지 않을 때도 있다. 올바르게 태그를 사용하는 것인지는 모르겠지만 익숙하게 사용하는 방법이기 때문에 a태그를 사용했고 하지만 href 속성을 이용한 링크 이동 방법을 사용하고 싶지 않다고 한다면 아래 속성을 a태그에 적용해 보면 된다. * href="#" 의 경우 페이지 상단으로 이동되기 때문에 이러한 효과도 제거하고 싶다면 아래와 같이 a태그에 onclick 속성을 추가해주면 된다. a태그
2021.02.25
안녕하세요. 꾸생입니다 :) 최근 데스크테리어에 관심이 많아져 어떻게 하면 데스크를 심플하고 깔끔한 상태로 유지할 수 있을지 생각을 했었는데요. 그중 하나로 모니터암을 사용해 데스크 위에 모니터가 차지하는 면적을 없애면 좋을 것 같아 모니터암을 구입했습니다. 퀘사이존 데스크셋업 게시판에 가면 엄청난 고수들이 수도 없이 계셨어요. 정말이지 특정 테마부터 정리 정돈의 끝판왕들이 다 모인 장소였네요. 저도 이렇게 깔끔하게 책상 위를 만들고 싶은 욕구가 팍팍! 생기더라고요. 그래서 여러 고수분들의 사진을 보며 의욕을 불태웠습니다. 모니터암을 설치하기 전 제 데스크 상태입니다. 맥북 프로 13인치와 24인치 LG 모니터 1대를 확장해 사용하고 있습니다. 에이블루 박스탭으로 어느 정도 선 정리를 했지만 어떻게 봐도..
2021.02.05 4
기존 이미지 형식을 Webp(웹피) 포멧 형식으로 변환하는 방법 2가지를 소개드리려 합니다. Webp에 대한 자세한 설명은 아래 글을 확인해주세요. [SEO] 차세대 이미지 형식 Webp(웹피) 확장자 오늘은 웹과 연관성이 깊은 차세대 이미지 형식인 Webp에 대한 주제를 가지고 왔습니다. 왜 제목 앞에 SEO를 적었는지 웹사이트를 운영하거나 블로거라면 쉽게 이해하셨을 겁니다. 우리들이 대부 juni-official.tistory.com 1. XnConvert 사용 XnConvert는 반복적인 이미지 작업을 도와주는 프로그램입니다. 이미지 편집, 맵핑, 필터, 워터마크 삽입, 기타 수십 가지의 편집 기능을 지원합니다. 수십 개의 이미지 수정을 한 번에 작업이 가능한 프로그램으로 잘 사용한다면 매우 편리한..
2021.01.23
Node.js 리다이렉션 response.writeHead(302 , { 'Location' : '/view/index.html' //리다이렉션 경로 }); response.end();
2021.01.21
오늘은 차세대 이미지 형식인 Webp에 대한 주제를 가지고 왔습니다. 왜 제목 앞에 SEO를 적었는지는 아실분은 아실겁니다. 대부분 알고 있는 이미지 형식으로는 *.png, *.jpg, *.jpeg 등이 있습니다. 흔히 움짤로 불리는 *.gif도 있습니다. JPEG는 1992년 최초의 표준으로 나왔고, 1996년 WC3에서 PNG 형식이 권장 사항으로 선택되었습니다. 30년이 지난 지금 JPEG/PNG는 계속해서 웹사이트, 블로그, 온라인 샵 등 어디에서나 사용하고 있습니다. 저 역시 마찬가지로 사람은 빠른 검색과 시간 절약을 하고싶어 합니다. 매일 사용하는 인터넷에서 웹페이지의 로딩 속도는 하나의 경쟁 대상으로 SEO에서도 평가되는 부분 중 하나입니다. 만약 본인이 운영하는 웹사이트의 로딩 속도가 ..
2021.01.21
웹브라우저에서 서버로 데이터 전송 Form 태그 태그 웹브라우저에서 서버로 데이터를 전송하기 위해서는 HTML에서 form 태그를 사용해야 한다. form 태그는 값을 다루는 태그들을 사이에 넣어주고 submit 타입의 input태그를 만들어주면 된다. 내용 juni-official.tistory.com Post 데이터 받기 웹브라우저에서는 form태그를 사용하여 서버 측으로 데이터를 전송하는 방법을 소개했다. Node.js에서 POST방식으로 전송된 데이터를 받는 방법은 아래와 같다. www.js var http = require('http'); var qs = require('querystring'); var app = http.createServer(function(request, response)..
2021.01.19
HTML 특수문자 코드표 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표 @ @ - Commercial at A - Z A-Z - A부..
2021.01.19
새로운 블로그로 이사했습니다. 😆
Home | 꾸생 블로그
프론트엔드 개발 블로그입니다. 사소한 것도 기록합니다 :)
kku.dev