내일배움캠프 4일차

오늘의 일정

• 오전 자습
• 발표를 위한 문서준비
• CSS 수정
• 개인 면담

 

오전 자습

오늘 오전 자습시간에는 깃&깃허브 강의와 백엔드 부분에 대한 복습을 하려 했는데 시간관계 상 백엔드 부분은 하지 못했다. 

깃&깃허브 학습 내용은 다른 페이지에 작성 중이다.(추후에 링크를 올릴 예정)

 

발표를 위한 문서준비

발표용 시트에서 우리 팀의 서비스가 달성하고자 하는 목표, 핵심 기능 소개를 간략하게 작성하고 팀 프로젝트에 참여한 소감을 작성했다. 소감에서 작성한 대로, 팀원들에게서 배울 점이 많았다. 

 

css 수정

우선 페이지를 보기 좋게 하기 위해 html 일부를 수정했다.

수정 후의 페이지

또한 jQuery를 수정해서 블로그 주소를 표시하고 동시에 링크가 걸리도록 하고 싶었다.

다음 jQuery 코드를 작성해서 지정한 위치에 링크가 걸리도록 하였다.

$("#member_bloglink").click(function () {
                $(location).attr("href", rows["blog"]);
              });

구조는 다음과 같다

$("지정할 위치").click(function () {
                $(location).attr("href", 링크주소);
              });

 

블로그 주소 텍스트와 링크를 동시에 적용할 방법을 찾지 못해서 일단은 다음과 같이 작성했다.

    $("#member_blog").text(rows["blog"]);
    $("#member_bloglink").click(function () {
    	$(location).attr("href", rows["blog"]);
    	});

<h5 style="margin-top: 40px">
              블로그 주소:<span id="member_bloglink"
                ><span id="member_blog">블로그</span></span
              >
            </h5>

다행히도 무사히 작동했다! 기쁘다

 

혹시나 해서 한 함수 안에 두 기능을 같이 넣어 봤지만 작동하지 않았다...

//작동하지 않은 코드 
$("#member_bloglink").click(function () {
                $(location).text(rows["blog"]);
                $(location).attr("href", rows["blog"]);
              });

 

 

RESTful API 학습

RESTfulAPI에는 다음과 같은 요청이 있다.

GET

POST

PUT

DELETE