본문 바로가기

개발

(14)
[React] app title/favicon 변경 클라우드 날씨 일기 예보 흐린 - 날씨와 계절 아이콘클라우드, 날씨, 일기 예보, 흐린, sun, 구름, 늘, 여름, sunny 아이콘 에 Weather ✓ Find 완벽한 아이콘을 위해 귀하의 프로젝트가 있습니다 SVG, PNG, ICO 또는 ICNS에서 무료로 다운로드 할 수 있습니다.icon-icons.com여기서 ico 받아옴!(원래 🌥️ 이 아이콘을 png로 받아서 ico 변환하려고 했는데 이미지가 어어어엄청 작게 만들어져서.. 그냥 저걸로 찾아서 했다. 귀여운 것 같음 만족. ㅎㅎ)이름 favicon으로 바꾸고 넣어주고, 이렇게 설정해주면귀요워짐. ㅋㅋ > 참고 : react :: 웹사이트 탭 아이콘(favicon), 제목(title) 설정하기리액트 프로젝트를 새로 생성하여 ..
React JS naming convention Project namename can no longer contain capital letters.ComponentsPascalCase (capitalizing the first letter of each word) for component names.)FilesPascalCase, matching the component name.PropsUse descriptive names for props to clearly indicate their purpose.** Avoid abbreviations or acronyms unless they are widely understood in the context of your project.For example - instead of usr, use user.S..
[알고리즘/Algorithm] 프론트엔드 코딩테스트 언어에 대한 고민 (Python vs. Javascript) Web frontend developer을 희망하고 있는 사람으로서,코딩테스트 언어를 어떤 것을 선택해야 할지 고민이 들어 이 고민 과정을 남겨보고자 한다. 고민하고 있는 언어는 Python 혹은 Javascript.각 언어의 장단점을 적어본 후,이 글을 마칠 때 쯤엔 어떤 언어를 선택할지 결정했으면 ,, 1. Python-> 👍 방대한 자료. 코딩테스트 준비를 본격적으로 시작했다고 하기에는 아직 이른 이 시점, 다양한 알고리즘에 대한 공부를 하고 코드의 퀄리티를 높이기 위해서는 다양한 풀이를 접해보는 것이 중요하다고 생각한다. Python은 가장 기본적인 코딩테스트 언어로 꼽히기 때문에, Javascript에 비해서는 정말 월등히 많은 자료를 가지고 있다. 코딩테스트 문제 풀이 중에 Python 풀이..
NoMoreAlbum 실행하는 법 git clone 후, enable Dart Dependencies하고, Get dependencies 하면 바로 실행됨!  GitHub - PacaAndFriends/NoMoreAlbumContribute to PacaAndFriends/NoMoreAlbum development by creating an account on GitHub.github.com
[React] 프로젝트 시작 & git repository 연결 아래 링크를 참고해 진행했습니다. [React] create-react-app으로 만든 프로젝트 git repository에 업로드하기hello-world라는 프로젝트를 hello-people 계정의 repository에 업로드 하는 예시입니다. github repository를 hello-world라고 만들어줍니다. 프로젝트를 create-react-app을 사용해서 만들어줍니다. npx create-react-app hedongwookit.tistory.com 1. github repository 만들기이렇게 repository 만들 때 readme file 웬만해서 추가하지 말기!!로컬에서 만들고 연결하려면 좀 복잡해지니.. (github의 history와 local의 history가 달라서 pus..
[Tistory/파일 업로드] Poster 스킨 사용 시, 원하는 외부 링크(github / pinterest / naver blog) 연결하기. Poster 스킨 사용 시, 원하는 링크 추가해주기. 기본으로 옵션에 있는 것들은 pinterest, facebook, instagram .. 정도 길래 github와 naverblog 링크를 추가하고 싶어서 해 봄. [Blog] 티스토리 Poster 스킨 GitHub 연동하기 현재 내 블로그는 티스토리에서 기본으로 제공해주는 Poster 스킨을 사용중이다. 이 스킨은 SNS 계정을 facebook, instagram, pinterest, twitter만 연결해주는 아이콘을 생성해주는데 나는 여기에 GitHub도 연 yulee.tistory.com 이 블로그 참고해서 함. html 편집 -> 파일 업로드에 이렇게 추가한 후, CSS에 가서 /* Components */ .social-link a { di..
[Tistory/CSS] Poster 스킨 사용 시, 카테고리 폰트 바꾸기 티스토리 poster 스킨 사용 중인데, 저 카테고리 표시하는 폰트가 마음에 안 듦. html 편집 들어가서, css 들어간 후 .cover-thumbnail-list ul li .category { display: inline-block; margin-bottom: 8px; border-bottom: 1px solid #a3a3a3; /*font-family: 'Nanum Myeongjo', serif;*/ font-size: 0.875em; color: #808080; } 이 font-family 부분 주석 처리 해주면, 이렇게 기본 글씨체로 바뀜. + 보니까 글 내부도 그렇고 저 thumbnail-list 뿐만 아니라 다른 곳에서도 카테고리 표시는 다 나눔 명조체로 해뒀던데, 그냥 CSS 수정 창 ..
[Tistory/HTML] 슬라이더 이미지만 들어가게끔 설정하기 velog가 게시글을 썸네일형으로 한 눈에 들어오게 볼 수 없다는 걸 알고 바로 티스토리로 돌아옴.아무생각없이 근 1년..?간 썼었는데 아무래도 난 정렬 / 구조화를 하는 걸 정말 좋아하다보니velog에서는 게시글들을 그냥 쭉 내려서 봐야하고, 태그 기능은 있지만 카테고리 안에 카테고리로 2중 분류를 할 수 없다는 점이나한텐 정말 치명적인 단점이라 아무튼, 그래서 티스토리에서 스킨을 좀 편집해보고자 이리저리 만지다가,poster 화면이 가장 깔끔하고 보기 좋아서 이걸로 설정하고, 슬라이더에 이미지를 넣고 싶은데이미지를 넣으려면 [더보기]를 통해 갈 hyperlink도 걸어야하고, title도 필수값이라 이게 싫었다.그래서 HTML 편집을 통해 없애줌.  방법은,여기 스킨 편집에 들어가서 html 편집으로..
[Baekjoon] 14500번: 테트로미노 보호되어 있는 글입니다.
[Baekjoon] 11000번: 강의실 배정 보호되어 있는 글입니다.
[Baekjoon] 11047번: 동전 0 보호되어 있는 글입니다.
[Baekjoon] 1018번: 체스판 다시 칠하기 보호되어 있는 글입니다.