본문 바로가기
728x90
반응형

coding/Java +31

[jQuery] 제이쿼리 가져오기 안녕하세요. 플입니다. 오늘은 제이쿼리 스크립트를 가져와볼게요. 1. jQuery CDN https://code.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 code.jquery.com 제이쿼리로 뭔가 만드는 포스팅만 올렸었지 기본적으로 어떻게 가져오는지는.. 2020. 9. 1.
[jQuery] 버튼 누르면 리스트 나오게 안녕하세요. 플입니다. 오늘은 버튼을 누르면 보이지 않던 리스트를 나오게 만들어볼게요. 1. 준비 이 더보기 버튼을 누르면 아래로 리스트가 더 나오는 작업을 해줄 거예요. 저는 구분하기 쉽게 나중에 나타나는 리스트 즉, 태그에 class를 적어주었어요. 2. 클릭 $(function(){ $('.more').click(function(){ }) }); 먼저 더보기 버튼에 클릭 메서드를 넣어줄 거예요. .click()이 클릭 메서드예요. 말은 어렵지만 클릭을 하면 이러이러한 작업을 실행해줘 라는 명령어라고 생각하시면 된답니다. 클릭 뒤에 오는 함수 function()은 이제부터 함수 안에 있는 것을 실행하겠다는 말이에요. 여러 기능을 그룹으로 묶는다고도 생각할 수 있겠네요. .more은 뭔가요? .more.. 2020. 6. 22.
[jQuery] 햄버거 메뉴 만들기 4 - animate() 안녕하세요. 플입니다. 오늘은 햄버거 메뉴 만들기 마지막 포스팅입니다. 1. fadeIn() 2020/05/12 - [Try/coding] - [jQuery] 햄버거 메뉴 만들기 3 - fadeIn() fadeIn()은 이전 포스팅에서 확인해주세요~ 2. 전체 코드 $('.mnb button').click(function(){ $(this).fadeOut(); $('.mnb_inner').animate({ marginRight : 0 }, 1000 ); }) $('.exit').click(function(){ $('.mnb button').fadeIn(); $('.mnb_inner').animate({ marginRight : '-40%' }, 1000 ); }) 먼저 햄버거 만들기 1부터 전체 코드를 .. 2020. 5. 14.
[jQuery] 햄버거 메뉴 만들기 3 - fadeIn() 안녕하세요. 플입니다. 오늘은 햄버거 메뉴를 이어서 만들어볼게요. 1. animate() 2020/05/11 - [Try/coding] - [jQuery] 햄버거 메뉴 만들기 2 - animate() 이전 포스팅을 먼저 보고 오면 더 쉬우실 거예요. 2. fadeIn() $('.exit').click(function(){ $('.mnb button').fadeIn(); }) 햄버거 메뉴는 아이콘을 눌렀을 때 메뉴가 나오면서 아이콘이 사라지게 만들어야 해요. 그리고 사라진 아이콘은 메뉴가 없어지면 다시 나타나야 해요. 이번 포스팅에서는 fadeIn()을 이용해 아이콘이 다시 나타나게 만들어볼게요. $('.exit').click(function(){ // x 버튼을 클릭하면 $('.mnb button').f.. 2020. 5. 12.
[jQuery] 햄버거 메뉴 만들기 2 - animate() 안녕하세요. 플입니다. 오늘은 지난 포스팅에 이어서 햄버거 메뉴를 만들어볼게요. 1. fadeOut() 2020/05/06 - [Try/coding] - [jQuery] 햄버거 메뉴 만들기 1 - fadeOut() 이전 포스팅을 같이 올려둘게요. 2. animate() $('.mnb button').click(function(){ $(this).fadeOut(); $('.mnb_inner').animate({ marginRight : 0 }, 1000 ); }) 일단 전체 코드를 보여드리고 시작할게요. 지난 포스팅에 있었던 fadeOut()도 보이네요. 반가워라 바로 아래 animate()로 넘어가 볼게요. $('.mnb button').click(function(){ // 아이콘 클릭할 때 $(this.. 2020. 5. 11.
[jQuery] 햄버거 메뉴 만들기 1 - fadeOut() 안녕하세요. 플입니다. 오늘은 햄버거 메뉴를 만들어볼게요. 1. 햄버거 메뉴 햄버거 메뉴란 보통 위의 이미지처럼 가로로 긴 둥근 모서리의 직사각형 모양이 세 개 정도 있는 모양의 메뉴를 말합니다. 모바일이 익숙한 사람은 보자마자 메뉴 버튼이라는 것을 쉽게 알 수 있죠. 모양이 햄버거와 비슷해서 햄버거 메뉴라고도 부릅니다. 기본적인 저런 모양 말고도 다양한 모양이 존재합니다. 원 세 개를 가로로 나열한 모양이라던가 혹은 홈페이지 디자인에 따라 개성 넘치는 모양들이 존재합니다. 오늘은 기본적인 모양으로 만들어봤어요. 2. 햄버거 메뉴 fadeOut 설명에 들어가기에 앞서 코딩은 개인마다 쓰는 방식이 조금씩 다르고, 또한 계속 발전해 나가고 있어요. 만약 이 글을 보는 당신이 지금 제가 알려드리는 코드보다 좀.. 2020. 5. 6.
[Java] 이클립스 인코딩 설정 2 안녕하세요. 플입니다. 이클립스 인코딩 설정을 해볼게요. 1. css 인코딩 저번 인코딩에 이어서 web부분을 인코딩해볼게요. 지난번 인코딩 설정이 궁금하시다면 아래 링크를 클릭해주세요. https://ssimplay.tistory.com/200 [Java] 이클립스 인코딩 설정 안녕하세요. 플입니다. 이클립스 인코딩 설정을 해볼게요. 1. Java 파일 인코딩 이클립스를 실행해 window > Preferences 메뉴로 들어가 주세요. Preferences창이 뜨는데 좌측 메뉴에서 General > Workspace 메.. ssimplay.tistory.com 바로 css인코딩으로 넘어가 볼게요. 먼저 window > Preferences로 들어가 줍니다. 왼쪽 메뉴에 Web > CSS Files 메.. 2020. 3. 22.
[Java] 이클립스 다운받기 안녕하세요. 플입니다. 이클립스 다운로드를 해볼게요. 1. 이클립스 이클립스는 다운로드 포스팅을 작성하지 않았었더군요. 왜지..? 그래서 다시 설치하는 김에 포스팅도 같이 해보려고 합니다. https://www.eclipse.org/ The Platform for Open Innovation and Collaboration | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks. www.eclipse.org 먼저 이클립스 사이트에 접속해주.. 2020. 3. 18.
[Java] 이클립스 삭제하기 안녕하세요. 플입니다. 이클립스를 삭제해볼게요. 1. 경로 찾기 왠지 알 수 없는 오류가 자꾸만 떠서... 삭제하고 다시 깔아보기로 했어요.. 눈물이 나네요. 설정 뭐 해놨는지 다 잊어버렸는데.. 그래요 이런 일도 있고 저런 일도 있고 그런 거겠죠. 일단 이클립스가 설치된 경로에 들어가 줍니다. 기억이 안나도 걱정 마세요. 이클립스 아이콘에서 오른쪽 클릭 > 속성으로 들어가면 체크된 부분에서 경로를 알 수 있어요. 그럼 저 경로에 해당하는 폴더를 차근차근 찾아가 보도록 합시다. 2. 삭제 경로를 찾아서 들어갔다면 eclipse 폴더와 eclipse-workspace폴더를 발견하실 수 있으실 거예요. 이 두 폴더를 통째로 지워줍시다. Shift + Delete를 누르면 영구삭제를 할 수 있어요! 얜 뭘까요.. 2020. 3. 17.
728x90
반응형