<< 이전 페이지 |

jQuery 코드를 잘 작성하는 5가지 팁

1. DOM중에 데이터를 보존할 수 있는 data 메소드를 사용하자
 - 잘못된 예
$('selector').attr('alt', 'this is the data that I am storing');
 // then later getting that data with
$('selector').attr('alt');
   alt」등의 HTML에 데이터를 보존해 두면 다음에 꺼낼 수 없게 되어 버리는 일이 있으니까 좋지 않다.
 - 잘된 예
$('selector').data('meaningfllname', 'this is the data I am storing');
 // then later getting the data with
$('selector').data('meaningfullname');

대신에 jQuery의data 메소드를 이용하자.이것은 페이지의 요소로서 데이터를 관련지을 수 있다.

2. jQuery의 selectors를 활용하자
jQuery에는 많은 selectors가 있지지만, jQuery의 오리지날 selectors를 사용하자.
자주 이용하는 것은 이하의 selectors이다.

:input
예::input는 페이지내의 input 요소, select 요소, textarea 요소등을 지정할 수 있다.

[attribute=value]
예:input[name='container']는 name 속성의 값이 container의 input 요소

:eq(index)
예:table:eq(3)는 페이지로 4개째의 table 요소

3. 많은 DOM를 조작하는 경우는 livequery 플러그 인을 이용하자
 - livequery 플러그인을 이용하면, 나중에 추가할 예정의 요소에 대해서 이벤트를 바인드 해 둘 수 있다.

4. Ajax로 form를 송신하는 경우는 form 플러그인을 이용하자
 - jQuery Form Plugin를 이용하면

$(form).ajaxSubmit();
이라고 하는 간단한 기술로 form의 송신을 할 수 있다

5. class를 flag로서 이용하자.
 - addClass 메소드를 이용해 class를 추가해 두면, hasClass 메소드를 이용해 flag로서 이용할 수 있다.

[참조 사이트]

 

태그 :

야후 날씨 API로 위젯 만들기

1. 야후 날씨 라이브러리 다운로드
 - 여기서 다운로드
 - AstraWebAPIs.swc libs 디렉토리에 임포트

2. 야후에서 국가/지역 코드 정보 조회
 - http://weather.yahoo.com/South-Korea/KSXX/regional.html 사이트에 가서 해당 지역의 마우스 올려놓으면 KSXX0037 코드가 보임

3. 기본 날씨 정보
 - 온도 :weather.current.temperature
 - 체감온도 : weather.current.wind.chill
 - 습도 : weather.current.atmosphere.humidity
 - 풍속 : weather.current.wind.speed

4. 야후 API 활용해서 Widget 작성한거 사용하기
 - 사용 방법

   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
   id="WeatherWidget" width="250" height="296"
   codebase="http://fpdownload.macromedia.com/get/
flashplayer/current/swflash.cab">
   <param name="movie" value="http://mimul.com/examples/
widget/WeatherWidget.swf"/>
   <param name="quality" value="high" />
   <param name="bgcolor" value="#869ca7" />
   <param name="allowScriptAccess" value="sameDomain" />
   <embed src="http://mimul.com/examples/
widget/WeatherWidget.swf" quality="high" bgcolor="#869ca7"
    width="250" height="296" name="WeatherWidget" align="middle"
    play="true"
    loop="false"
    quality="high"
    allowScriptAccess="sameDomain"
    type="application/x-shockwave-flash"
    pluginspage="http://www.adobe.com/go/getflashplayer">
   </embed>
 </object>

5. 결과 화면


[구인 공고] KTH MIS팀에서 전산직 정규 직원을 모집

KTH MIS팀(제가 몸 담고 있습니다. ^^)에서 전산직 정규 직원을 모집합니다.

1. 지원 요강
- 업무내용 : 웹(고객관리/인증 관련) 어플리케이션 개발
- 전공 : 전공 및 학과 무관
- 경력 : 경력 1년 ~ 5년
- 프로그램 :Java, C/C++
- DBMS: Oracle(SQL, Pro*C), 대용량 데이터 처리 기술

2. 제출 서류 및  전형방법
- 접수 방법 : http://paran.career.co.kr/jobs 접속 후 온라인 입사지원
- 접수기간 : 2008년 11월 13일 (목) 09:00 ~ 2008년 11월 20일 (목) 23:00

3. 기타 문의 사항
 - 이메일 : pepsi@paran.com

저희팀은 OpenID/OAuth/Payment 등 다양한 Web 2.0 기반의 인증 인프라 서비스를 개발 노하우를 가진 팀으로 신규 트랜드와 기존의 인프라 업무 노하우를 고루 겸비하고 있어 지원자들에게 많은 도움이 될 것입니다.
그 만큼 트랜드를 이끌어갈 수 있도록 여러분의 노력도 필요하겠죠. ^^ 아무튼 저희와 함께 할 여러분의 도전을 원합니다. 홧팅 ~~
자세한 내용은 여기를 참조하시어 신청하십시오. 문의 사항은 댓글이나 메일로 보내주시면 성심 성의껏 답변해 드리겠습니다.

태그 :

Gmail을 활용한 메일 발송 클라이언트

1. 소스

package client;
import java.util.Properties;
import javax.mail.Message;
import javax.mail.MessagingException;
import javax.mail.Session;
import javax.mail.Transport;
import javax.mail.internet.InternetAddress;
import javax.mail.internet.MimeMessage;
public class GmailClient
{     private static final Properties props;
    static {
     props = new Properties();
     props.put("mail.smtp.host", "smtp.gmail.com");
     props.put("mail.smtp.port", "587");
     props.put("mail.smtp.auth", "true");
     props.put("mail.smtp.starttls.enable", "true");
    } 
 public void send(String username, String password,
     String to, String subject, String body) throws MessagingException
 {
  Session sess = null;
  Transport transport = null;
  MimeMessage mm = null;
  
  try {
      sess = Session.getInstance(props);
      mm = new MimeMessage(sess);
      mm.setFrom(new InternetAddress(username));
      mm.setSubject(subject);
      mm.setRecipient(Message.RecipientType.TO, new InternetAddress(to));
      mm.setContent(body, "text/plain; charset=iso-2022-kr");
      mm.setHeader("Content-Transfer-Encoding", "7bit");
    
      transport = sess.getTransport("smtp");
      transport.connect(username, password);
      transport.sendMessage(mm, mm.getAllRecipients());
     } catch (Exception e) {
      e.printStackTrace();
     }  finally {
         if (transport != null) {
             transport.close();
         }
     }
 }
 public static void main(String[] args) {
  try {
   new GmailClient().send(
                "****@gmail.com",       //발송 메일 주소
                "********",             // gmail 계정 패스워드
                "pepsi@paran.com",    // 수신 메일 주소
                "메일 발송 테스트",     // 제목     
                "잘 들어가냐...대답 해"); // 메일 내용
   System.out.println("메일 발송 성공 !!");
  } catch (MessagingException e) {
   e.printStackTrace();
  } catch (Exception e) {
   e.printStackTrace();
  }
 }
}
잘 활용해 보세요. 간략하게 구현해 보았습니다.

 

태그 :