전체 글2572 자바스크립트 - location.href 와 location.replace 차이점 javascript location.href, location.replace 가장 큰 차이 안녕하세요. 고코더 입니다. ● 1. 가장 큰 차이점은 뒤로 가기시에 페이지 기억 여부 입니다. ● 2. 해당 기능을 표로 만들어 비교 해보았습니다. 함수명 location.href location.replace 기능 페이지로 이동 페이지 변경 뒤로가기 가능 불가능 사용방법 location.href='gocoder.php' location.replace('gocoder.php') ● 3. 보통 다시 돌아가면 안되는 페이지 로그인 후라던가 프로세스를 로직을 완료한 후에는 replace로 페이지를 사용합니다. 저는 홈페이지 아래 링크에서 replace를 사용하였습니다. -> XE - 특정 URL 접속시 다른 페이지로 .. 2019. 7. 15. 사이트 - URL로 이미지 두 개를 비교할 수 있는 / juxtapose.knightlab.com 이미지 비포 애프터 처럼 비교하게 해주는 사이트 안녕하세요. 고코더 입니다. 해당 사이트는 재밌는 기능을 제공 합니다. 이미지 두개를 비교 해줄 수 있게 iframe에 사용할 수 있게 제공해줍니다. ● 1. 사이트에 접속합니다. "Make a Juxtapose"를 클릭 합니다. https://juxtapose.knightlab.com/ ● 2. 이동된 창에서 1번에는 왼쪽 이미지 URL을 입력하고 2번에는 오른쪽 이미지 URL을 입력합니다. 3번을 눌러스 소스를 만듭니다. ● 3. 결과 값을 알아보면 왼쪽 오른쪽에 이미지를 라인을 이동하여 비교할 수 있습니다. http://bit.ly/2JxnB9e 해당 이미지를 아이프레임으로 사용하시면 됩니다. 마무리 CDN을 해당 사이트에서 이용하는 단점이 있지만 반.. 2019. 7. 15. 그림판 - 이미지 포맷 변환 하기 / png,jpg,gif,bmp 그림판으로 이미지형식 확장자 변경하기 안녕하세요. 고코더 입니다. ● 1. 그림판은 엄연히 이미지 편집툴입니다. 그래서 다양한 방식에 형식으로 저장이 가능합니다. jpg파일 형식을 png와 같은 다른 형식으로 변경하는 기능을 제공 합니다. ● 2. 사용방법을 알아보겠습니다. png 형식에 이미지를 불러왔습니다. ● 3. 파일 탭을 클릭 합니다. ● 4. 메뉴에서 다른 이름으로 저장을 클릭 합니다. ● 5. 저장화면에서 파일 형식을 클릭 합니다. ● 5. 그러면 상호 변환 가능한 이미지 포맷들이 보이고 선택하면 됩니다. ● 6. 선택된 형식으로 파일 이름이 바뀌었고 저장을 누르면 이미지 변환이 완료 되었습니다. 마무리 의외로 모르는 분들이 계셔서 남깁니다. 2019. 7. 14. 윈도우7 - windows 모바일 센터 실행 / 밝기, 음량, 와이파이, 배터리 상태 한눈에보기 모바일 센터 실행으로 노트북 기능 한눈에 보기 안녕하세요. 고코더 입니다. 노트북을 사용하다보면 LCD 밝기 음량 조절 배터리 상태등 확인할게 많습니다. 어차피 작업표시줄에 가면 다 보이지만 단축키 하나면 창에 이 모든걸 표시 됩니다. ● 1. 실행 방법은 단축키 윈도우+X를 누르시면 됩니다. windows key + X ● 2. 시작메뉴에서 모바일 센터라고 검색하면 나오기도 합니다. ● 3. 표시되는 종류는 1. 디스플레이 밝기 2. 사운드 3. 배터리 상태 4. 무선 네트워크 5. 디스플레이 연결 6. 동기화 7. 프레젠테이션 연결 마무리 안드로이드에 상단 탑 상태바를 보는 느낌에 창입니다. 2019. 7. 14. 그림판 - 이미지를 불러오는 3가지 방법 그림판 이미지를 로드하는 방법 안녕하세요. 고코더 입니다. 그림판을 사용하는데 가장 처음 하는 일은 이미지 편집 툴이기에 수정할 대상을 불러오는 것입니다. 오늘은 편집을 위한 이미지를 그림판에 불러오는 3가지 방법을 알아보겠습니다. ● 1. 첫번째 방법은 그림판 기능으로 불러오는 방법입니다. 그림판에서 왼쪽 맨위에 메뉴를 클릭 합니다. 그리고 열기를 눌러 탐색창으로 이미지를 불러오는 방식입니다. 단축키 CTRL+O를 하면 더 빠르게 실행 가능 합니다. ● 2. 두번째 방법은 그림판을 실행시킨 상태에서 폴더에서 이미지를 드래그 드랍하여 그림판에 갖다 놓는 방식 입니다. 이렇게 하면 직관적으로 더 쉽게 이미지를 불러 올 수 있습니다. ● 3. 세번째 방법은 이미지를 마우스 오른쪽 버튼을 눌러서 연결 프로그램.. 2019. 7. 14. Photoshop CC - 포토샵으로 이미지 크기는 유지한채 용량 줄이기 포토샵으로 이미지 해상도 유지하고 용량 축소 안녕하세요. 고코더 입니다. ● 1. 지난 시간에는 사이트에서 이미지 용량을 다이어트 하는 방법을 배워 봤습니다. -> 사이트 - jpg 파일 용량 압축 / imgpresso.co.kr-> 사이트 - 해상도를 유지하여 이미지를 압축하기 / iloveimg.com 그런데 아무래도 개인적이고 중요한 이미지를 서버로 업로드 한다는건 꺼림칙 합니다. ● 2. 그래서 포토샵에서 똑같이 해상도 크기는 유지한채 이미지를 축소하는 방법을 배워보겠습니다. ● 3. 포토샵으로 이미지를 불러오고 파일을 눌러 ● 4. 내보내기 -> 내보내기 형식을 선택 합니다. ● 5. 여기서 파일 설정에 형식을 JPG로 하고 품질이 100%가 되어 있습니다. 그리고 현재 용량은 1.5MB ● 6.. 2019. 7. 14. 고툰(GoToon) - 2화 "왜 다르다고 생각했을까?" 고코더넷 웹툰 2화 안녕하세요. 고코더 입니다. 고툰 2탄을 게재 하였습니다. -> http://gocoder.net/gotoon/1128 제가 장애인분들과 함께 공동체에서 느꼈던 마음과 이야기를 그려낸 그림입니다. 주제를 정하고 시작한 웹툰은 아닌데 이쪽으로 흘러 가네요 2화 편견은 무섭습니다. 특히 격어보지도 않은 내 머리속에 굳어져 있는 사회적 편견은 더더욱장애인에 대한 인식이 좋아졌으면 하는 바램입니다. http://gocoder.net/gotoon/1128 2019. 7. 13. 그림판 - 이미지 전체화면으로 슬라이드쇼 처럼 보여주기 이미지 검은 배경에 가득차게 보여주기 안녕하세요. 고코더 입니다. ● 1. 세계에서 가장 많이 쓰이는 이미지 편집툴 하면 바로 그림판입니다. 그런데 그림판에도 전체화면 보여주기 즉 슬라이드 쇼가 있다는걸 아시나요. 발표를 할때 혹은 이미지를 전체화면으로 보여줄때 뷰어를 안써도 그림판으로 충분합니다. ● 2. 그림판을 접속해서 이미지가 있는 상태에서 보기 탭으로 이동해보세요. ● 3. 그리고 나오는 화면에서 "전체화면"을 클릭하면 됩니다. 단축키도 있습니다. F11 ● 4. 이렇게 뒤에는 검은 배경에 이미지만 돋보이는 일명 이미지 전체화면이 실행 됩니다. 발표할때 이미지 뷰어 없더라도 그림판으로 보여드려도 좋습니다. 마무리 그림판 다 되네! 2019. 7. 13. 사이트 - 로고를 제작을 쉽게 할 수 있는 / onlinelogomaker.com LOGO DIY 사이트 안녕하세요. 고코더 입니다. 지난 시간에는 철자만 입력하면 로고를 완성품으로 만들어주는 사이트를 소개해드렸는데요 -> 사이트 - 로고를 자동으로 만들어 주는 / logaster.com ● 1. 이번에는 로고를 직접 만들수있는 툴을 제공하는 곳을 설명드릴려고 합니다. http://bit.ly/2XImH2y ● 2. 접속하면 이렇게 로고는 이렇게 만드는거다 라고 샘플이 제공 합니다. 말 그대로 여기서 텍스트와 이미지를 바꾸는 형식 입니다. ● 3. 왼쪽에 기능을 한번 보겠습니다. ● 4. 심볼 추가는 일러스트 모양에 이미지 들입니다. 분위기가 다 비슷합니다. ● 5. 그리고 모양추가는 기본 모양들이 있는데 쓰기에는 너무 안이쁘네요 ● 6. 카드는 해당 로고가 생성됐을때 미리보기를 볼 .. 2019. 7. 13. 이전 1 ··· 181 182 183 184 185 186 187 ··· 286 다음
