본문 바로가기

분류 전체보기

 (210)
네이버에 티스토리 블로그 사이트맵 등록하는 방법 블로그 스킨을 변경과 같은 대규모 수정을 할 때에는 네이버에 사이트맵도 다시 제출해주는 것이 좋다고하여 저도 그 상황에 대비하고자 나중에 저도 참고해서 보면 좋을것 같아 정리해두려고 합니다. 티스토리가 20년 11월에 업데이트 되면서 구버전 글쓰기를 지원하지 않아 티스토리 자체 사이트맵을 이용해야합니다. 방법적으로는 더 간단해졌습니다. 티스토리 사이트맵 주소는 '블로그명.tistory.com/sitemap.xml' 인데요, '네이버 서치어드바이저 - 요청 - 사이트맵 제출 - 자신의 사이트맵 주소' 를 넣어주시면 됩니다. 그리고 아래는 업데이트 이전에 사이트 맵을 만들어 수동으로 올리는 방식의 사이트맵 제출인데 후에 참고차 정보를 남겨둡니다. 1. 사이트맵을 생성해주는 페이지로 갑니다. 무료로 생성이 가..
국민은행 포인트리 현금 환급 방법 주거래 은행이 국민은행이기도 하고 신용카드도 포인트리를 더 많이 적립해주고 있는 가온올림카드를 사용하고 있어서 포인트리가 금방금방 쌓입니다. 가끔씩 국민은행에서 전화로 경품으로 바꿔주시겠다고 하시지만 놉 ~! , 저는 이렇게 포인트리가 쌓일때마다 저는 환급받아서 사고싶은 아이템을 살때마다 보태서 삽니다. 이번 포스팅에서는 국민은행 포인트리를 현금으로 환급받는 방법에 대해서 알아보겠습니다. 꼭 국민은행 계좌가 아니더라도 다른 금융사 계좌번호로도 환급을 받을수 있습니다. 1. 어플리케이션 '리브메이트'를 다운 받습니다. 2. 어플리케이션 하단에 '더보기'를 터치합니다. 2. 어플리케이션 가입/로그인을 해주신 후에 포인트리 카테고리의 보내기 메뉴를 터치합니다. 3. 보낼수 있는 포인트리가 얼마나 되는지 확인한..
다이어트 한끼, 다이어트 도시락 팽이버섯 오트밀 비빔밥 이번 포스팅 주제는 팽이버섯 오트밀 밥입니다. 저는 정말 맛있게 해먹어서 언젠간 또 해먹어봐야지 벼르고 있는데 사실 저희 엄마는 한입 드시고 더는 드시지 않긴 하셨어요.. ㅎㅎ 이 메뉴는 유튜브를 보다가 보게된 메뉴인데 제가 팽이버섯을 좋아해서 이거다! 싶어서 만들어보게 되었습니다. 팽이버섯은 100g당 36kcal 로 부담없이 즐길 수 있는 재료입니다. 오트밀은 칼로리가 50g당 195kcal로 다소 높긴 하지만 탄수화물 자체가 저항성전분 함량이 높은 착한 탄수화물이며 이 저항성전분에는 식이섬유가 포함되어 있어 지방을 분해하는 효소를 촉진하고 지방 축적을 억제한다고 합니다. 준비물 오트밀( 꼭 오트밀이 아니더라도 다이어트 밥이면 될 것 같습니다: ) ) 팽이버섯 다진마늘 약간의 설탕 ( 설탕대신 다이어..
Visual Studio Code Font 바꾸는 방법, 폰트 추천, 특수문자 ligature 적용 - D2coding, Fira 저는 Mac에서 VSCode 라는 에디터를 사용하고 있습니다. Mac 유저로서 apple 고유의 글씨체도 예뻐서 바꿀 생각이 없었지만 아래 Fira code 나 D2Coding 글씨체처럼 특수문자가 예쁘게 표현되는 ligature 옵션이 지원되는 글씨체들이 있습니다. 특히 비교연산자나 arrow function을 사용할 때 ligature 옵션을 적용해주면 예쁜 화살표로 변해서 나오게 되어 저도 설치해보고 싶어서 해보았습니다~! 많이 사용되어지는 글씨체가 두가지 있습니다. 첫번째 추천 글씨체는 코드 가독성이 좋다고 알려진 D2coding 이고 두번째 추천 글씨체는 지인추천 FIRA Code 입니다. 그럼 어떻게 내 visual studio code에 적용시킬 수 있을지 알아볼까요? 1. 마음에 드는 코드..
React background-image 로드 에러 해결하기 url([object Module]) 리액트를 진행하면서 파일 로드가 잘되지 않아 에러를 본것만 두번째입니다. 에러 낼 때마다 구글링을 거듭하게 되어 정리해둡니다. 이번에는 background-image에 파일의 경로를 상대경로로 적어두었는데 파일을 업로드하지 못해서 background-image: url([object Module]); 라는 문구가 나왔습니다. 파일을 업로드하지 못할때의 문제 해결방법에 대해서 적어보겠습니다. 1. npm url-loader 와 file-loader를 터미널 창에 입력해서 설치해줍니다. $ npm install url-loader --save-dev $ npm install file-loader --save-dev 후에 'webpack.config.js' 옵션을 추가해주어야합니다. 그전에 create-rea..
자바스크립트 부드럽게 느려지는 애니메이션 - progress bar 이번에 인프런 애플사이트를 클론하는 코딩 수업을 들으면서 다양하게 활용 가능할것 같은 애니메이션이 있어 한번 정리해두려고 합니다. 애플 사이트는 스크롤 하면서 동영상 사진이나 글자의 효과 또는 위치를 움직이는 효과를 넣어주었는데요. 이것은 기본적으로 화면을 스크롤 가능하도록 스타일로 화면의 높이를 강제적으로(?) 늘려주고 스크롤값에 따라 여러 효과들을 넣어주는 원리입니다. 여기에 동영상을 처리하여 (프레임을 이미지화) 멋진 효과들을 입히는데요, 조금 더 페이지를 고급화 시키기 위해서 부드러운 감속 효과를 넣어주면 한층 더 있어보이는 느낌이 뿜뿜하게 됩니다. 먼저 아래와 같이 기본 마크업 + 스타일 + 스크립트를 입혀보았습니다. 마크업 해놓은 박스를 스타일에서 fixed 로 고정시켜두고 스크립트에서 pag..
세번째 아이패드 드로잉 일기 - 프로크리에이트 인물 서양화를 전공했지만 라떼는 정물 입시가 한창일 때 였다. 인물 유형이 대다수인 지금과 다르게 인물 입시 유형도 있었지만 적었는데 때문에 여러 대학에 지원하기 위해서는 정물이 적합했다.. 아직도 왜 정물화가 그렇게 유행이었는지는 모르겠다. 미술사적으로도 정물보다는 인물이 훨씬 역사가 깊고 뭐랄까 .. 더 중요하다.라떼식으로의 정물화는 4시간 안에 완성도와 밀도 있는 그림을 그리기 위해 굉장히 빠른 손놀림과 알고리즘을 구현하며 챠쟈쟉 시행해냈지만 인물은 그렇지 못하다. 그래서일까 항상 인물 영역에 있어서는 내가 덜 전문적이라 생각했다. 그리고 알바하면서 시범 보일때도 자신있진 않았던것 같다. 알고리즘의 챠쟈쟉 과정이 생략되서일까! 어쨌든 신기하게 잘그리는 인물만 보면 캡처해두기도 한다. 그리고 싶은 인물 사..
특별한 날, 기념일 식사 장소 추천 - 생일날 다녀온 해방촌 꼼모아 생일날 해방촌 미슐랭 식당 꼼모아에 친구와 같이 다녀왔습니다. 열심히 좋은 음식점 찾아서 예약해둔 예쁜 친구 덕분에 초딩 입맛을 소유하고 있지만 고급진 음식으로 입에 기름칠하러 간 날이었습니다. 꼼모아는 프렌치 음식점으로 유명한 루이쌍크에서 요리하시던 쉐프님이 해방촌에서 새로 운영하시게 된 프렌치 음식점인데요. 코로나가 한창인 요즘에도 예약을 하지 않으면 자리가 없을 수도 있는 식사 장소였습니다. 특히나 꼼모아의 시그니처 '비프웰링턴' 메뉴는 최소 하루 전에 2인 이상 사전 예약을 해야합니다. 꼼모아는 규모가 협소하지만 특별한 날 색다른 음식을 즐기기에 좋은 장소인것 같습니다. 그리고 가격이 좀 세요! 월요일 휴무 / 평일 18:00 - 23:00 / 주말 12:00 - 23:00 - Break time..

티스토리툴바