본문 바로가기

전체 글410

[ HTML ] CSS - Button 오늘 한 것 개인 소개 페이지 CSS 수정 개인 페이지 만들기 button 개인 페이지에 sticky 버튼을 구현해 보았다 기본 sticky 버튼 구현 .sticky { position: -webkit-sticky; position: fixed; top: 130px; left: 140px; padding: 10px 45px; background-color: transparent; border-radius: 30px; border: 5px solid rgba(246, 210, 125, 0.9); font-size: 15px; } .sticky a { color: rgb(74, 73, 73); text-decoration: none; } hover을 할 경우 버튼의 사이즈가 커지게 만들었다. .sticky:.. 2022. 11. 2.
[ 스파르타 / Web ] 웹개발 종합반 1주차_#1 (부트스트랩) 부트스트랩 시작 템플릿 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 부트스트랩 연습하기 Let's GO!! Colored by Color Scripter cs 부트스트랩 컴포넌트 5.0 아래의 링크로 이동하면 부트스트랩의 기능들을 사용할 수 있는 코드들이 재공 된다. Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com 예제 부트스트랩을 이용해 버튼을 출력해 보았다. 위의 코드에서 원하는 버튼의 코드를 복사해서 html 파일에 적어준다... 2022. 11. 2.
[ 스파르타 / WEB ] 웹개발 종합반 1주차 후기 오늘 스파르타코딩 웹개발 종합반을 시작했다. 당장 다가오는 주 월요일에 내일배움 캠프가 시작이라 그전에 이 종합반을 완강해야 한다. 일단 1주차를 들어본후 후기는 전체적으로 빠르게 HTML, CSS, JavaScript, Bootstrap을 공부할 수 있는 시간이었다. 필요한 링크와 코드들이 강의 영상 바로 하단에 제공됨으로써 빠르게 필요한 요소들을 이용해 공부에 임할 수 있어서 좋았다. 아래는 강의를 들으며 만든 프로젝트들 이다. HTML & CSS을 사용한 로그인 페이지 # 결과물 # 코드 로그인 페이지 ID: PW: 로그인하기 BootStrap을 이용한 사이트 만들기 # 결과물 # 코드 BTS 팬명록 닉네임 응원댓글 응원 남기기 새로운 앨범 너무 멋져요! 1호팬 새로운 앨범 너무 멋져요! 2호팬 새.. 2022. 11. 2.
[ HTML ] 미니프로젝트 S.A 및 flex-direction 오늘 한 것 개인 소개 페이지 만들기 미니 프로젝트 주제 팀을 소개할 수 있는 "팀 소개 웹페이지" 만들기 팀원: 5명 웹 개발을 위한 필수 요소 팀원들의 정보를 보여줄 수 있는 페이지를 구현 페이지별로 방명록을 입력받을 수 있는 백엔드 만들기 (JS, Flask, MongoDB) DB에 저장된 정보들을 사람들에게 보여줄 수 있는 페이지 만들기 (HTML, css, JS, Flask, MongoDB) 필수 포함 내용 팀과 자신에 대한 설명 및 MBTI 객관적으로 살펴본 자신의 장점 협업을 하는 과정에서의 자신의 스타일 우리 팀만의 특징과 추구하는 궁극적인 목표 우리 팀의 약속 팀원들의 블로그 주소 팀 소개 웹페이지 아웃라인 내일배움캠프 B-10조 미니 프로젝트 S.A 떡잎반팀의 소개와 목표와 약속 소개팀.. 2022. 11. 1.
[ HTML ] 미니프로젝트 계획 스파르타 코딩 클럽에서 주최하는 내일배움캠프 1일차 시작! 오전에 OT를 진행하고 오후에는 깃 강의와 팀원들과 일주일 동안 만들어 내야 할 미니 프로젝트인 "팀 소개 웹페이지"를 계획/구성했다. 오늘 배운 것 - 깃 Git이란? 버전 관리시스템으로 말 그대로 코드를 버전 관리함으로써, 배포 후 버그가 발생할 경우 빠르게 수정된 코드만을 파악하여, 버그를 찾거나, 한 프로젝트의 코드를 여러 사람이 함께 작업할 수 있도록 해주는 도구이다. 깃이 관리하는 세 개의 공간 작업 디렉터리 스테이지 (깃이 관리하는 가상의 공간) 저장소 (깃이 관리하는 가상의 공간) 협업 프로젝트 연결방법 우리 팀은 팀장을 맡은 분의 깃으로 우리를 초대해 주셨다. 일단 빈 파일을 만들고 터미널을 열어 git clone(저장소 복제하기.. 2022. 10. 31.
[ 프로그래머스 / Java ] 특정 문자 제거하기 https://school.programmers.co.kr/learn/courses/30/lessons/120826 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자열 my_string과 문자 letter이 매개변수로 주어집니다. my_string에서 letter를 제거한 문자열을 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 100 letter은 길이가 1인 영문자입니다. my_string과 letter은 알파벳 대소문자로 이루어져 있습니다. 대문자와 소문자를 구분합니다. 입출력 예 m.. 2022. 10. 31.
[ 프로그래머스 / Java ] 문자 반복 출력하기 https://school.programmers.co.kr/learn/courses/30/lessons/120825 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string에 들어있는 각 문자를 n만큼 반복한 문자열을 return 하도록 solution 함수를 완성해보세요. 제한사항 2 ≤ my_string 길이 ≤ 5 2 ≤ n ≤ 10 "my_string"은 영어 대소문자로 이루어져 있습니다. 입출력 예 my_string n result "hello" 3 "hhheeelll.. 2022. 10. 30.
[ 프로그래머스 / JavaScript ] 짝수 홀수 개수 https://school.programmers.co.kr/learn/courses/30/lessons/120824 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 정수가 담긴 리스트 num_list가 주어질 때, num_list의 원소 중 짝수와 홀수의 개수를 담은 배열을 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ num_list의 길이 ≤ 100 0 ≤ num_list의 원소 ≤ 1,000 입출력 예 num_list result [1, 2, 3, 4, 5] [2, 3] [1, 3, 5, 7] [0, 4] 입출력 .. 2022. 10. 29.
[ 프로그래머스 / JavaScript ] [ 2022 KAKAO BLIND RECRUITMENT ] 신고 결과 받기 https://school.programmers.co.kr/learn/courses/30/lessons/92334?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 유저를 신고할 수 있습니다. 신고 횟수에 제한은 없습니다. 서로 다른 유저를 계속해서 신고할 수 있습니다. 한 유저를 여러 번 신고할 수도 있지만, 동일한 유저에 대한 신고 횟수.. 2022. 10. 26.
728x90