JSONArray와 JSONObject 그리고 UI

🎀프로젝트를 하며 알게된 점

• JSONArray 와 JSONObject 사용방법

  JSONObject를 담기 위해 JSONArray를 사용했다.
  1. String st 변수에 보여줄 DB값을 담았고
  2. String[] sql배열에 st를 split한 값을 담았다.
  3. 그리고 for(int i = 0; i< sqlArray.length;i+=4) 4개가 split으로 잘린 한문장이기 때문에 조건식에 i+=4를 사용했다.
  4. for문을 돌면서 object = new JSONObject();로 jsonobject를 한 박스당 하나씩 선언해줬고
  object.put("담을변수이름",sqlArray[i]);
object.put("담을변수이름",sqlArray[i+1]);
object.put("담을변수이름",sqlArray[i+2]);
object.put("담을변수이름",sqlArray[i+3]);
  jsonArray에 object를 담아줬다.

• 클라이언트쪽
  • 클라이언트쪽은 UI를 많이 다뤘는데
    • | 이 기호를 만들어 주기 위해 border-left: 1px solid #D5D5D5; 를 주고 기호 사이에 공간을 주기 위해 padding-left:1rem 을 줬다.
    • 반응형 웹을 만들기 위해서는 rem 단위로 줘야한다.
      (그래야 창을 줄이거나 키울때 글자가 일정 간격으로 줄어들기 때문이다.)
    • 또한 position:relative; , position:absolute; 를 주면 창을 줄이거나 키울때 화면이 깨지기 때문에 float을 사용해서 위치를 지정해준다.