본문 바로가기
  • BLG-ZYNGIROK-모토-꿈꾸며-배우고-나누며-이루다
반응형

ICT162

JavaScript | JQuery | input 값 변경하는 방법 JavaScript | JQuery | input 값 변경하는 방법 자바스크립트를 이용한 값 변경 자바스크립트를 이용해 input 엘레멘트에 담겨 있는 값을 변경하고 싶을 때가 있다. 다양한 방법 중 jquery를 이용한 방법을 살펴보려고 한다. attr input 엘레멘트는 value라는 속성(attribute)을 가질 수 있다. 이 value 값을 수정하면 input에 작성된 값을 바꿀 수 있는 것을 이용할 것이다. 위와 같은 input 엘레멘트가 있다고 하자. 단순히 위의 input에 입력된 값을 '사랑'으로 바꾸는 스크립트는 다음과 같다. $('#inputArea').attr("value", "사랑); jQuery의 selector를 이용해서 inputArea 아이디를 갖고 있는 input 엘레멘트를 선택한 다음 attr 함수를 이용해 value="사랑"이라는 속.. 2022. 8. 10. 20:16
Network | 보안 | 해쉬 엔코딩 엔크립트가 구분이 안가면 모르는 겁니다 Network | 보안 | 해쉬 엔코딩 엔크립트가 구분이 안가면 모르는 겁니다 혼돈의 카오스 웹 서비스 및 네트워크를 다룰땐 보안을 위한 여러 조치를 취해야 한다. 모든 것을 정확히 알고 있진 않더라도 몇 가지 기능들을 hash, encoding, encrypt를 사용하고 있을 것이다. 사용을 하긴 하는데 각각이 딱히 다른 기능을 할거라고 생각이 들지도 않고 단어들의 느낌이 괜히 비슷해서 구분해서 생각해 본적도 없을 가능성이 높다. 하지만 엄연히 세가지의 목적과 기능은 다르다. 보안의 3요소 이들을 하나하나 살펴보기에 앞서 보안에는 어떤 속성들이 있는지 살펴보면 좋다. 크게 3가지로 살펴보면 좋다. Identity Verification (신원 입증) Integrity (온전성) Confidentiality (은밀성) Identity Verification Identity veri.. 2022. 8. 4. 20:46
포토샵 | 이미지 외곽선 만들기 포토샵 | 이미지 외곽선 만들기 복잡한 이미지들을 예쁘게 커팅하기 위해서 외곽선이 필요한 경우가 있다. 이럴 때 포토샵으로 간단하게 외곽선을 만드는 방법을 살펴보도록 하자. 포토샵을 이용하여 이미지의 외곽선 만들기 아래와 같이 커팅이 복잡한 이미지의 경우 외곽선을 만들어 주면 커팅이 수월해 진다. 외곽선을 만들기 위해 이미지를 복제한다. 복제는 Ctrl + j (윈도우), command + j (맥) 단축키를 이용하면 된다. cntl + j (windows) command + j (mac) 복제된 레이어의 이름부분을 더블클릭하면 레이어 스타일 팝업 창이 열린다. 왼쪽의 많은 항목들 중 "획" 속성을 체크해 활성화 시켜준 뒤 확인을 눌러준다. 그럼 복제된 레이어에 획이라는 속성이 추가된 것을 볼 수 있다. 다시 여기서 이 획 속성을 더블.. 2022. 8. 3. 21:08
포토샵 | 요소들 상하 또는 좌우 등간격으로 정렬하는 방법 포토샵 | 요소들 상하 또는 좌우 등간격으로 정렬하는 방법 자동 정렬 포토샵으로 여러 요소들을 정렬 시킬 때 같은 간격으로 깔끔하게 정렬시키고 싶을 때가 있다. 이 도구를 모를 때 까진 보조선을 끌어다 놓고 하기도 했는데 너무 편리해서 모두가 알아야만 할 것 같다. 가로 등간격 정렬 먼저 가로 등간격 정렬이다. 먼저 여러개의 요소가 있다. 정렬하고자 하는 요소들을 아래와 같이 선택해준 다음 좌우 한 줄로 나열을 해준다. 그런 다음 사각형이 좌우 선 안에 있는 아이콘을 눌러준다. 이 아이콘이 안보인다면 점 세개 아이콘을 누르면 찾을 수 있다. 그럼 아래와 같이 등 간격으로 정렬이 된걸 볼 수 있다. 간격은 끝에 있는 요소 사이의 거리를 기준으로 한다. 다시 말해서 양 끝 요소들이 더 멀리 떨어져 있다면 더 먼 간격으로 정렬이 가능하다. 세로 등간결 정렬 이번엔 세.. 2022. 7. 27. 21:06
반응형