본문 바로가기
반응형

Tips❗19

[TISTORY] 티스토리에 코드펜(CodePen) 적용하기 티스토리에 코드펜 적용하기 티스토리에 CodePen을 적용하기 이전에 당연히 해당 사이트의 계정이 필요하다. https://codepen.io/trending CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 우선적으로 사이트에 계정이 있다는 가정하에 진행하도록 한다. 1. 코드펜 작업하기 로그인을 한 후 좌측 상단에 [Pen]이라는 메뉴를 선택해서 들어가 주도록 한다. Pen 메뉴에 들어가게 되면 코드를 입력할 수 있는 화면.. 2023. 1. 8.
[유용한 사이트] #11. SQL Fiddle : 웹에서 DB별 쿼리 테스트하기 (ft. oracle) 데이터베이스를 지웠다가 간단하게 뭐 테스트해봐야하는 상황이 생겨 쿼리문을 실행해보고싶을때 다시 설치할 필요없이 간단하게 실행을 도와주는 사이트가 존재한다. 아래 사이트로 들어가주자 http://www.sqlfiddle.com/ SQL Fiddle | A tool for easy online testing and sharing of database problems and their solutions. Query Panel Use this panel to try to solve the problem with other SQL statements (SELECTs, etc...). Results will be displayed below. Share your queries by copying and pastin.. 2021. 6. 21.
[유용한 사이트] #10. HTML Color Mixer 이 사이트에서 보여주는 비슷한 기능을 만들려하는데 참고할만한 곳을 한참 찾다가 발견하여 기록해둔다. Color Mixer | Html Colors 그냥 말 그대로 색상 두개를 정하고 step 을 정하면 그 사이의 컬러들을 뽑아주는 기능이다. https://htmlcolors.com/color-mixer 2020. 12. 16.
[유용한 사이트] #9. jQuery 공작소 / CSS 공작소 (ft. 다양한 jQuery / CSS 기능 예제들) 개발을 하면서 특히 프론트부분의 개발을 진행할 때 필요한 jQuery 기능과 CSS 기능 들에 대해 정말 알기 쉽고 다양한 예제들로 이루어져있는 사이트를 발견하였다. jQuery공작소 와 CSS 공작소 라는 곳이다. 이미지에 보이는건 일부분이지만 스크롤을 내려보면 저렇게 각각의 기능별로 목록이 나와있고 원하는걸 하나 누르면 그 기능에 대한 설명 과 예제가 나온다. jQuery의 contains에 대해 알아보고자 눌러본다면 다음과같은 내용들이 나온다. -여기 중간에 위에 예제에 사용된 소스도 존재한다.- (페이지 내용이 많아서 소스부분만 삭제한다.) 이런식으로 다른 것들도 각각의 설명과 예제가 존재하는데 눈으로 직접 보면서 소스랑 설명까지 나같은 사람들을 위해 정말 친절하고 유용한 사이트가 아닐수 없다. .. 2020. 7. 10.
[NAVER] 네이버 계정(이메일) 여러개 만들기 (ft. 동일한 번호) - 동일한 번호로 여러개의 네이버 계정(네이버 메일) 만들기 (최대 3개) - 네이버 계정을 새롭게 만들때 기존에 등록되어있던 번호로 만들경우 이미 가입되어있다면서 만들수가 없게 되어있다. 그래서 더 못만드는줄 알았더니 알고보니 최대3개까지 만들수 있다는 얘기를 들었다. 한번 만들어보자. 네이버 하단에 보면 [고객센터]라 있는데 고객센터로 들어가준다. 아래와 같은 화면이 나오면 [회원정보] 를 클릭해 들어가주자. 다음 화면에서 좌측에 [회원 가입/탈퇴] 버튼을 클릭하고 [회원 가입] 버튼을 클릭해주자. 그다음에 [개인 아이디 회원가입 방법] 을 클릭한다. 아래와 같은 화면으로 넘어갈텐데 여기서 [개인 회원가입하기]를 클릭해주자. 기존 회원가입과 마찬가지로 체크하고 넘어가준다. 여기서 슬슬 나는 의문이 생.. 2020. 5. 6.
[유용한 사이트] #8. Arcgis simple marker symbol (아크 심볼 제공) Arcgis javascript api를 사용하다가 그냥 가볍게 심볼을 설정하고 싶어 찾다가 발견한 괜찮은 곳이 있어 기록해둔다. 사이트는 사실 별거 없다. 그냥 심볼을 보여주는게 끝이다. 아래 사이트로 들어가보자 https://developers.arcgis.com/javascript/3/samples/portal_symbols/ 위와같이 수많은 symbol 중 하나를 선택해보면 스크립트에서 어떤식으로 사용하는지 아래에 표시해준다. 그저 가져다 쓰고 본인의 사이트에 응용해서 사용하면된다. Category를 살펴보면 다양한 Symbol을 확인할 수 있다. 가볍게 쓰기 좋은거같다. 2020. 4. 2.
[Google] 구글 원격(Chrome 원격 데스크톱) 설정 및 사용하기 - 구글 원격(remotedesktop) 설정 및 사용하기 - 개발을 하다보면 원격이 필요한 경우가 무.조.건 있을수 밖에 없는데 팀뷰어 말고, PC가 등록만 되어있으면 간단하게 원격을 들어갈 수 있는 구글 원격에 대해 기록해 두고자 한다.기존에 크롬 웹 스토어 에서 제공하던 원격 데스크톱이 아니라(애초에 기존에 제공하던 원격 데스크톱을 다운로드 받으면 알아서 안내해준다.) 새롭게 확장한 chrome 원격 데스크톱이다. 우선 메인 화면에 들어가보자 https://remotedesktop.google.com/home 메인 화면들어가면 아래와 같은 화면이 나올텐데 우측 상단에 있는 원격 액세스 버튼을 클릭하자. 그럼 아래와 같은 창이 나올텐데 https://remotedesktop.google.com/acc.. 2020. 3. 31.
[Google]크롬 다크모드 및 여러 테마 설정하기 눈의 피로를 덜기 위해 구글 크롬의 다크 모드 설정하는 방법에 대해 알아보자. 우선 테마 설정을 위해 설정 화면으로 넘어가 보자. chrome://settings/ 혹은 아래 화면과 같이 우측상단 메뉴를 통해 설정으로 들어가주자 이제 설정 화면에서 하단으로 내려가다보면 모양 이라는 카테고리가 나오는데 "테마" 메뉴를 선택해주자. 이제 chrome 웹 스토어 창이 열리는데 여기서 화면에 바로 보이는 Just Black 테마를 사용할 것이다. (하단으로 내려보면 상당히 많은 테마들이 있기 때문에 원하는 테마를 선택할 수 있다.) Chrome에 추가 버튼을 클릭하자 그러면 바로 아래와 같이 다크모드 테마가 설정된것을 확인할 수 있다. 다시 원래대로 돌아가고 싶을때는 다시 설정 창으로 돌아와서 테마 버튼 옆에 .. 2020. 3. 4.
[유용한 사이트] #7. HTML 컬러 코드 : Color Code 찾기 코드를 이용해 색상을 표현할려면 코드 구성을 알고있는 사람 아니면 뭘 의미하는지 잘 모르기때문에 쉽지않다. 나 같은 사람들을 위해 쉽게 색상 별 코드로 보여주는 사이트를 찾아 기록해 두기로한다. 사실 정리할건 별로 없다. 정말 위의 설명 그대로의 사이트기 때문이다. 아래 사이트로 들어가보자 https://html-color-codes.info/Korean/? 앞서 설명한것과 마찬가지로 해당 컬러들을 선택하게 되면 하단에 컬러 코드로 나타나게 된다. 때때로 찾게 될 것 같은 유용한 사이트다. 여러 메뉴가 존재하며 다른 메뉴에도 색상표가 있어 확인하면 좋다. 2020. 3. 3.
반응형
TOP