본문 바로가기

전체 글

 (396)
[Threads] 토이프로젝트 관련 자료 https://docs.google.com/spreadsheets/d/1yKjVOZzt7LCopXnMHAK2YBI7_6VKIi0TR2BAJqXQje0/edit?usp=sharing 스레드(thread) 토이 프로젝트 -2조 기능구성 회원가입 아이디 , 비밀번호, 이름, 생년월일, 성별, 주소, Email, 전화번호 로그인 아이디, 비밀번호 친구(팔로우/팔로잉)검색기능 ㄴ 팔로우 & 차단 (게시물 안보이기) ㄴ 신고(경고 or 계 docs.google.com 참고자료들 [ 프로젝트 기획안 ] chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.acornedu.co.kr/lms/upload/project/2020/10/FrontEnd_19_022..
20230803 _[44일차]_01. jquery + json 으로 board2 만들기2 Map 10개가 들어있는 list를 JSONArray 객체에 (JSON의 배열형태) 넣어주고 그걸 JSON객체인 json으로 감싸줌 (josn에 .put () 으로 arr를 담아서 json을 리턴) list에 있는 것들을 그냥 내보내면 ajax가 알아볼 수가 없으니 json 객체 형태로 만들어준 후에(json 언어로 바꿔줌) string으로 맞춰줘야 한다. (통신을 위해 언어를 맞춰준다고 생각하면 될듯) ** 위에서 만들어준 객체들은 전부 자바객체 (Json객체로 활용하기 위해 자바에서 만들어준 자바객체) tostring으로 내보내는 시점부터 JSON 객체가 된다. arr를 바로 리턴하지 않고 json 객체로 감싼 후에 json을 리턴하는 이유 => 지금은 리턴 값이 list (배열) 하나지만 나중에 아..
20230802 _[43일차]_02. jquery + json 으로 board2 만들기 이제 json을 이용해서 board2 를 만들건데 비동기 방식이니 페이지 전체가 아니라 아래에 표시된 부분만 로딩되도록 만들자. table에 tr을 append로 추가하는 함수 만들어줌. 한줄짜리 list 에는 아래형식으로 값들이 들어간다. const 는 변하지 않는 상수를 의미한다. const 배열 list를 선언해주고 아래처럼 배열속성 하나하나에다가 한 줄을 넣어줄예정 한줄 한줄을 하나의 속성값으로 가지는 list 배열 생성 한줄로 써주고 팝업으로 띄워보면 아래처럼 나온다. 아래처럼도 쓸 수 있다. 대신 alert로 해보면 들여쓰기 공백까지 적용된채로 나온다. list.length 를 팝업으로 띄워보면 모든 글자수 + 공백을 센다. "[ ~~ ]" 따옴표 때문에 전체를 String으로 인식해서 모든 ..
20230802 _[43일차]_01. jquery + json 으로 ID 중복검사 넥스트 스크립트(nextjs) : React로 만드는 서버사이드 렌더링 프레암 워크 타입 스크립트 : 데이터 타입을 선언 (정적타이핑 언어) => 자바스크립트로 바꿔준 후(컴파일필요) 사용가능 바닐라 스크립트 (= 순수자바스크립트) [ join.jsp ] 회원가입 중복검사 중복검사메세지 성별 남자 여자 생년월일 MBTI 선택 ESTP ESTJ ESFP ESFJ ENFP ENFJ ENTP ENTJ ISTJ ISTP ISFJ ISFP INTJ INTP INFJ INFP 가입하기 취소 * jquery 함수 사용해보자 * 아이디 입력창에 값을 입력하고 중복검사 버튼 누르면 id 를 콘솔에 출력 (입력창의 value를 id라는 변수에 넣어줌) 입력값의 길이도 출력해보면 입력한 값의 길이도 출력 (공백포함) id ..
20230801 _[42일차]_01. jquery 사용 & spring 로그인에 적용 오늘도 jquery 이어서 https://releases.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr releases.jquery.com 압축안된버전인 uncompressed 버전 코드 복사해서 head 내부에 넣어보자 minified 버전 잘 되는지 al..
20230731 _[41일차]_02. jquery 사용하기 20230729 jquery 맛보기 ==> 참고해서 같이 보기 jQuery 먼저 해보자 VS Code에서 해보자 하드디스크에 저장하는게 아니라 다른곳에서 가져옴 => CDN https://developers.google.com/speed/libraries?hl=ko#jquery 호스팅된 라이브러리 | Hosted Libraries | Google for Developers 가장 많이 사용되는 오픈소스 자바스크립트 라이브러리를 위한 안정적이고, 안정적이며, 속도가 빠른, 전 세계적으로 제공되는 콘텐츠 배포 네트워크입니다. developers.google.com 요거 선언해주면 jquery 사용가능 head 부분에 넣어주기 DOCTYPE html> Jquery 제이쿼리 사용하기 제이쿼리에 대해 이해하고 사용..
20230731 _[41일차]_01. 자바 그래픽스 패턴 - 프랑스어, 되풀이되는 시간이나 물체의 형태를 가르킨다. 물체들의 집합요소로 부르기도 한다. [자바 그래픽스] * CLI 커맨드 라인 인터페이스 (CMD했었던게 요기포함되는거) * GUI 그래픽 유저 인터페이스 * 자바의 그래픽 AWT = 해당 OS의 특징에 따라 화면을 구성합니다. -> 운영체제마다 다른 화면 Button Swing = 자바에서 화면을 만듭니다. (Look And Feel) -> 모든 운영체제가 같은 화면을 그립니다. JButton (AWT의 Button과 헷갈리지 않게 Swing은 J를 붙여준다.) JAVAFX = RIA를 디자인하고 테스트, 디버그, 배포까지 가능한 일련의 그래픽과 미디어의 통합 패키지 * 용어 Container = 자바에서 창 역할을 합니다. 한개 이상의 컨..
20230729 (보충) jquery 맛보기 write.jsp 에 보면 이미 jquery를 쓰고 있었음 $ 요것도 사실은 jquery 문법이였음 jquery 맛보기 VS code 사용해서 해보자 html폴더 열고 새파일(jquery.html) 만들기 확장자 추가설치해줌 CSS Peek (css에서 태그나 클래스 클릭하면 html에서 어디에 있는지 알려줌) css랑 jquery는 head 안에 들어갈 예정 P 태그는 문단태그 실행하는거 어떻게 하더라 암튼 브라우저 열어보면 아래처럼 보인다. CDN 기능 _ 클라우드처럼 jquery CDN를 다른곳에서 가져옴 내꺼에는 html만 가지고 있는거 => 트레픽 과부화 잡을 수 있어서 속도가 빨라진다. JS는 내가 함수를 다 만들어서 써야하는데 jquery는 이미 (함수들이)다 만들어져 있어서 가져다가 쓰기만..

티스토리툴바