jQuery 코드를 잘 작성하는 5가지 팁
- 잘못된 예
$('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();
}
}
}








