본문 바로가기

기타 정보

(30)

생활코딩 스터디 - Ajax javascript 공부를 하다가 ajax 사용법을 알게 되었다. 새로고침 없이 특정 부분에 다른 파일의 내용을 불러올 수 있다니 증말 신세계 ! 다만 ajax를 사용하면 검색엔진 최적화가 안된다는 치명적인 단점이 있는데, 이걸 pjax 라는걸 사용함으로써 해결 할 수 있다. * ajax를 통해 새로고침 없이 웹서버와 통신이 이루어진다. 사용자에게는 좋은 경험을, 서버 운영자에게는 지출을 줄여주는 이득! * 메뉴를 이동할 때, 부분적으로 웹페이지를 갱신할 수 있도록 해준다.구조의 재사용~!* ajax는 비동기 실행~! ajax가 실행되고 있는 중에도 다른 코드들이 실행될 수 있음. * 바뀔 수 있는 부분은 서버로부터 동적으로 가져와서 넣음. * ajax는 웹 서버를 통해서만 동작함. 로컬에서 확인 불가능..

생활코딩 스터디 - javascript_1 생활코딩 web2 javascript 동영상 강의로 가볍게 자바스크립트 수업을 시작했다. 이 수업 이후에 자바스크립트 언어 공부를 시작할 예정! 자바스크립트는 역시 어렵다....^-ㅠ * javascript 데이터 타입 숫자 -> 1 (1+1=2)문자 -> "1" ("1"+"1"="11") * String = 문자열 바뀔 수 있는 값 = 변수바뀔 수 없는 값 = 상수 * === : 비교연산자비교연산자의 값은 true 와 false (boolean 불리언) 으로 나뉜다. * 배열 만들기 -var xxx(변수이름) = ["값1","값2","값3"]; 불러오기 - 값의 index번호로 (index번호는 0부터 시작)xxx[0] 배열 안의 컨텐츠가 몇개인가 (개수는 1부터 시작)-xxx.length; 배열에 컨..

[추천] 유료이미지 사이트 추천, 유토이미지 웹디자인을 하다보면, 상업적 이용 완전 무료인 pixabay나 출처를 남겨야하는 freepik 등의 무료 이미지 사이트에서 이미지와 백터등을 충당하기엔 상당히 무리가 따르는 것을 느낄수 있다. 아무래도 stock 이미지랑은 퀄리티 자체가 다르고, 아무리 조심하더라도 저작권 문제가 신경쓰이며, 또 가장 큰 문제는 내가 원하는 구도의 원하는 이미지가 잘 없다는점. 그래서 회사에 당당하게 유료 이미지 사이트 결제를 요구하기로 마음먹고 여러 이미지 사이트를 살펴보았다. 일단, 너무 비싸면 안됬다. 왜냐...난 일개 1년차 웹디자이너일 뿐이고...요구할수 있는것은 크지않고... 무엇보다 우리 사수님이 처음부터 허용하지 않으셨기 때문에...^^ 그리고 사용범위가 넓어야 했다. 우리 회사 홈페이지에만 사용하는게 아니..

[Tip] PDF 파일 용량 줄이기, smallpdf 간혹가다 홈페이지에서 PDF 파일 (예를들어, 카달로그)을 다운받을 수 있도록 해달라는 업체들이 있다. 그런데 PDF파일 용량을 보면.....하하..... 제일 용량이 큰 곳 중에는 400MB가 넘는곳도 있었다. ...우리회사에서 쓰는 호스팅으로는 어림도 없는 크기였다. 카달로그만 다운로드 받아도 좀있으면 트래픽 초과에 걸릴 삘. 그래서 PDF 크기를 확! 줄여주는 사이트를 찾다가 발견한 사이트, smallpdf. https://smallpdf.com/compress-pdf 사용법은 세상간단! 1. 중간에 Drop PDF here에 용량을 줄이기 원하는 파일을 드래그해서 드롭하거나, 저 부분을 클릭해서 파일을 선택한다. 2. 사이트에서 pdf파일을 uploading할때까지 기다린다. 참고로, 내가 올린 ..

[Tip] 간편하게 파비콘 만들기, CONVERTICO admin버튼제작이나, 홈페이지에 들어가는 사진 보정, 파비콘 등등... 참 여러가지를 빼먹는 경우가 있었다. 그럴 때마다 작은것 하나하나까지 신경써야 한다고 혼이났다. 맨날 혼나는데...왜 맨날 까먹는것일까...8ㅅ8 그래도 요즘은 습관처럼 익숙해져서 알아서 하는것 같다. 하하^^ 파비콘, 즉 .ico 파일을 가장! 간편하게 만드는 방법. 1. http://convertico.com/ 에 접속한다. 2. 중간의 Drop your .png files here, or click to select them manuallty ! 가 보일것이다. 말 그대로, 저 네모 박스 위에 .ico로 변환하고픈 파일을 끌어다 놓거나, 저 부분을 클릭해서 파일 불러오기로 파일을 선택하면 된다. 3. 1초정도 기다린다. 4. ..

[포토샵] 필터 기능으로 화이트밸런스 조정하기 1. 화이트밸런스를 맞출 사진을 불러온다. 그리고 원본 레이어를 두고 레이어를 하나 복사. 2. Filter - Blur - Average 선택 -> 이 사진의 중간값으로 레이어가 채워진다. 3. Adjustment - Levels 선택. Levels 창에서 스포이드가 3개가 있는데, 그중 중간의 스포이드 선택. 4. 스포이드로 2번의 레이어를 클릭시, 알맞은 톤으로 화면 색상이 변경된다. 5. 레이어 창을 보고 가운데 레이어를 숨겨준다. -> 완성 ! 이렇게 간편하게 화이트밸런스를 맞출수 있다니 ! 물론 약간 어색한 감이 없지않아 있지만 가장 간편하게 수정 가능한듯. 출처 : http://dnfoto.net/221171711057

파워목업을 이용한 홈페이지 메인 스토리보드 작성 일전에 파워목업 프로그램에 대하여 블로그 포스팅 한 적이 있다. 그 포스팅을 하고 나서 파워목업측에 무료 라이센스를 요청 (* 이때, 포스팅한 주소와 자신의 영어 full name 을 같이 적어서 보내자 !) 해서 라이센스를 받아 정식판을 사용중이다. 이번에 새로 홈페이지 들어가는것에 대한 메인 스토리보드를 한번 작성해 보라고 하셔서, 제작해 보았다. 스토리보드라는걸 어떻게 작성하는지도 모르고 처음 해보는 것이기 때문에 내 마음대로 했지만.... 손으로 대충 선만 쓱쓱 그리던때와 비교해서는 상당히 ! 고퀄리티가 되었다. 스토리 보드를 작성할 때 주의할점. 1. 이 스토리보드를 내가 아닌 다른사람이 보아도 어느 부분에 어떤 내용이 들어가는지 쉽게 파악하도록 제작 2. 필드 항목 작성. 게시판의 번호 / 제..

웹디자인, 웹 목업 프로그램 PowerMockup 파워목업 하나의 홈페이지를 웹디자인 할때, 목업, 즉 스케치 작업은 반드시 필요하다. 대략적으로 어느 위치에 무엇이 들어가고, 어떤 형식일지에 대해서 정해놓고 난 다음에 그 위치에 따라 포토샵 작업을 하는것이 훨씬 시간도 단축되고 작업 방향이 명확하기 때문이다. 지금까지는 대충 손으로 슥슥 그리고 보는 식이었는데, 나도 이제는 목업 프로그램을 이용해서 가이드를 잡아놓으면 좋지 않을까 싶어서 웹디자인 목업 프로그램을 검색해 보았다. powermockup은 파워포인트를 이용해서 목업을 만들수 있도록 해주는 프로그램이다. 그러니까, 파워포인트에 웹디자인 목업에 활용할 수 있는 다양한 쉐이프 툴을 추가해 주는 것이라고 보면 된다. http://www.powermockup.com/ 웹사이트에 들어가면 바로 TRIAL 버전..

상업적으로 사용 가능한 무료폰트 / 이미지 사이트 -서울시 : 서울한강체, 서울남산체, 서울한강 장체 5종, 서울남산 장체 5종-부산시 : 부산바다체-아산시 : 이순신체-제주도청 : 제주고딕,제주명조,제주한라산-한국청소년활동진흥원 : 청소년체-동그라미재단 : 동그라미재단 서체-구글 노토 산스 CJK : 어도비 본고딕-네이버 : 나눔글꼴모음(나눔스퀘어, 나눔바른펜, 나눔바른고딕, 나눔글꼴에코, 나눔손글씨, 나눔고딕, 나눔명조)-우아한형제들 : 한나체,주아체,도현체,연성체-스포카 : 스포카 한 산스-야놀자 : 야체-한글과컴퓨터 : 함초롬체-한겨레 말글연구소 : 한겨레결체-조선일보 : 조선일보명조체‘폰트 ‘KoPub돋움’, ‘KoPub바탕’ 사진 제공=한국출판인회의2.상업적으로 사용해도 무방하나 제약이 있는 경우-디컴즈 : 전라북도체, 김제시체 (앱이나 기기..

추천사이트 coderap HTML,CSS의 레퍼런스 사이트. 한눈에 보기 깔끔하게 정리되어 있다. http://coderap.tistory.com/

이전 1 2 다음

728x90

티스토리툴바