목록。*:・゚☆・゚schedule・゚*:・゚★・:*:・☆ *:・゚★/활용해본 코드 적용 예시 (◍•ᴗ•◍)❤ (25)
Yeonee's Story
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 지난번 부트스트랩을 이용한 간단한 체크박스와 버튼 만들기, 카드만들기, grid 적용 방법 및 활용예시를 소개해드렸는데요, https://yeoneeluv.tistory.com/280 [Bootstrap] 부트스트랩 적용 및 활용해보기 안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 세미 프로젝트와 파이널 프로젝트 자료를 정리하다가 자주 사용했었던 부트스트랩에 대해서 이야기 해보고자 합니다. 부트스트랩을 yeoneeluv.tistory.com 자세한 내용이 궁금하신 분들은 위 링크를 방문하여 주세요.^^ 오늘은 부트스트랩을 이용하여 간편하게 웹사이트 구성을 만드는 활용..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 오늘은 세미 프로젝트와 파이널 프로젝트 자료를 정리하다가 자주 사용했었던 부트스트랩에 대해서 이야기 해보고자 합니다. 부트스트랩을 어떻게 적용하는지 어떻게 활용하는지 처음 사용하시는 분들도 알 수 있도록 간단하게 소개해볼게요. 저희는 주황색 체크 표시인 부분을 따라해볼거에요. 1. 먼저 html 파일을 생성 후 기본에서 시작합니다. 부트스트랩 시작하기 메뉴탭에서 css 영역인 부트스트랩의 link를 복사하여 head부분에 넣어줍니다.(VsCode를 사용했습니다.) 2. 그리고 body태그를 닫는 바로 위쪽에 해당 스크립트를 추가해줍니다. 3. 부트스트랩을 이용하여 체크 박스를 만들어봅시다. 마음에 드는 체크박스 스타..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 1. neocities를 구글에 검색합니다. 2. neocities 사이트에 로그인 혹은 회원가입을 해줍니다. (정보 입력에 태그부분은 영어만 입력인식합니다) 3. 로그인시 바로 이메일 토큰 인증을 진행하게 됩니다. 이메일 토큰 메일을 받을 수 있는 실제 사용하는 이메일을 입력해주세요. 4. 왼쪽의 $ 0 표시된 무료 버전을 클릭해줍니다. 5. neocities 사이트에서 내게 부여된, 내 홈페이지 주소는 yeonluv.neocities.org 입니다. yeonluv.neocities.org에 접속해보면 neocities에서 기본적으로 부여해주는 UI와 HTML 내용이 출력되는 것을 확인할 수 있습니다. 6. htm..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) yeonee 블로그 : 네이버 블로그 예쁘고 맛있게 먹고 건강하게,강인하지만 온화하게 행하라. ※맛스타운스타일상 인스타 www.instagram.com/s2._.y25n ※맛집감성일상 유튜브https://youtube.com/channel/@S2_yeonee 티스토리https://yeoneeluv.tistory.co blog.naver.com 이번 프로젝트 주제로 SNS 커뮤니티 홈페이지를 제작하였습니다. 제가 맡은 기능은 인스타에서 검색하듯이 검색한 키워드와 관련된 해시태그를 가진 게시물의 썸네일이 뜨도록 하는 기능 구현을 하는 것이었습니다. (위의 완성된 기능 구현 모습 참고) 그런데... 이게 왜 java.la..
안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) yeonee 블로그 : 네이버 블로그 예쁘고 맛있게 먹고 건강하게,강인하지만 온화하게 행하라. ※맛스타운스타일상 인스타 www.instagram.com/s2._.y25n ※맛집감성일상 유튜브https://youtube.com/channel/@S2_yeonee 티스토리https://yeoneeluv.tistory.co blog.naver.com 페이지에서 게시글 목록들 중 한 게시글을 클릭했을 때, 우측 div 박스에 내용이 출력되게 하려고 하였습니다. 게시글 상세조회창 띄우기 Id ${r.reportWriter} ${r.enrollDate} 제목 ${r.reportTitle} 내용 ${r.reportContent} ..