전체 글 129

[웹개발일지] #4. Ajax 적용

풀스택 웹개발 공부 기록하기 #4. 😉 jQuery를 이용해 Javascript로 HTML을 제어했다면, Ajax를 이용해 다시 서버에 데이터를 요청하고 받아오기😉 💾 Ajax Ajax는 jQuery를 임포트한 페이지에서만 동작 가능!! 일반 구글 링크에서 개발자도구를 열면 jQuery가 임포트되어있지 않으므로 에러 발생 👉 ajax의 기본 뼈대 $.ajax({ type: "GET",// GET 방식으로 요청한다. url: "여기에URL을입력",//요청할 url data: {},// 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두기) success: function(response){// 서버에서 준 결과를 response라는 변수에 담음 console.log(response)// 서버에서 준 결과를..

[웹개발일지] #3. jQuery 적용

풀스택 웹개발 공부 기록하기 #3. 😉jQuery를 이용해 javascript를 html로 쉽제 제어하기😉 💾 JQuery html의 요소를 조작하고 편리한 javascript를 미리 작성해둔 라이브러리 마찬가지로 필요할 때 필요한 기능을 그때그때 구글링하기. 스크립트로 모든 기능을 구현할 수 있긴 하지만, 코드가 복잡하고 브라우저 간 호환성 문제를 고려하여 jQuery를 사용하기도 함. 자바스크립트보다 좀 더 직관적 미리 만둘어진 것을 가져와서 사용하는 것이므로 사용 전에 import 해야함 👉jQuery 임포트하기 👉css에서 class로 선택자 지정하여 사용했던 것처럼 jQuery에서도 id 값을 통해 특정 버튼/인풋박스/div/등을 가리켜 사용함 아티클 URL 간단 코멘트 기사 저장 👉크롬 개발자..

[웹개발일지] #2. 원페이지 쇼핑몰 html + css 만들기

개발일지#1에서 배웠던 html, css, javascript, bootstrap을 활용하여 만든 💻첫번째 과제물💻 👉주문하기 버튼을 클릭했을 때 '주문이 완료되었습니다.'라는 얼럿 띄우기 💻완성💻 여기서 상기해야할 것은? 👉 가격 부분 태그 h1태그 안에 span태그 👉 부트스트랩에서 사용한 input-group 구조 👉 자바스크립트에서의 alert 알림 설정 다이어리를 팝니다 가격:9,000원/개 !!귀여운 게 세상을 구한다!! 귀엽고 통통튀는 젤리곰다이어리로 행복한 하루를 마무리 하세요! 우울했던 하루도 젤리곰이 추억으로 만들어 줄 거에요:) 주문자이름 수량 -- 수량을 선택하세요 -- 1 2 3 4 5 주소 전화번호 주문하기

[백준] 1427번 소트인사이드 C, java

https://www.acmicpc.net/problem/1427 1427번: 소트인사이드 첫째 줄에 정렬하려고 하는 수 N이 주어진다. N은 1,000,000,000보다 작거나 같은 자연수이다. www.acmicpc.net C #include #include #include int main() { char temp; char n[11]; //공백이 없는 정수를 자리수마다 비교해야하므로 // 배열에 정수의 자리수 하나씩 입력받아야 함 scanf("%s", n); //버블정렬로 내림차순 정렬하기 for (int i = 0; i < strlen(n)-1; i++) { for (int j = 0; j < strlen(n); j++) { //비교값 중 큰 값 찾아서 자리 변경 if (n[j] < n[j+1]) ..

[웹개발일지] #1. html, css, bootstrap, javascript 기초

한달간 공부한 풀스택 웹개발 공부 기록하기 #1. 이번 글은 아주 기초를 공부했던 기록이다. 마지막주에 만들 프로젝트를 위한..! 😉다음 일지로 넘어갈 수록 점점 완성될 예정😉 💾 html 기본 태그 딱히 문법이랄게 없는 html.. 그래서 편-안- html은 자주쓰는 태그들은 기억하고 필요한 게 생기면 그때그때 찾아보는 게 효율적! 모든 태그를 기억할 순 없으니까.. 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하..

[백준] 1018번 체스판 다시 칠하기 C, java

https://www.acmicpc.net/problem/1018 1018번: 체스판 다시 칠하기 첫째 줄에 N과 M이 주어진다. N과 M은 8보다 크거나 같고, 50보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에는 보드의 각 행의 상태가 주어진다. B는 검은색이며, W는 흰색이다. www.acmicpc.net C #include //최소값a과 비교하여 현재 값b이 더 작으면 최소값으로 변경 #define minFinder(a,b) a

🐯나만의 2022 새해 덕담 페이지 만들기 어흥🐯

설날이 다가오니 갑자기 해보고 싶어서 즉흥적으로 만들어 본 덕담 페이지 🐯 풀스택 공부하기 전에 예습으로 무엇을 해볼까 찾다가 한번 만들어봤다. 너~~~~~~~~무 오랜만에 해보는 html, css.. 2학년 때 학교 여름방학 특강으로 프론트앤드수업을 들었는데 그때 이후로 제대로 해본 적이 없어서 거의 다 잊어버린 상태였다..ㅋ 그래도 오랜만에 기억 더듬더듬 하면서 재밌었다!!! 역시 html이 즉각적인 성취감 최고인듯.. https://github.com/janghr1225/ThePepTalkPage GitHub - janghr1225/ThePepTalkPage: 새해 덕담 페이지 새해 덕담 페이지. Contribute to janghr1225/ThePepTalkPage development by cr..

공부하자 2022.01.29

[백준] 1436번 영화감독 숌 java

https://www.acmicpc.net/problem/1436 1436번: 영화감독 숌 666은 종말을 나타내는 숫자라고 한다. 따라서, 많은 블록버스터 영화에서는 666이 들어간 제목을 많이 사용한다. 영화감독 숌은 세상의 종말 이라는 시리즈 영화의 감독이다. 조지 루카스는 스타 www.acmicpc.net 처음에 정답 예제를 보지 않고 문제만 읽었을 때 너무 쉬운데..? 이게 정답률 50%도 안된다고..? 라고 생각했는데 4번째 정답 예제를 보고 응..?했다. 왜 187번째 영화인데 출력이 186666이 아니고 66666이 출력값인지 이해가 되지 않았다. 하지만 문제를 다시 꼼꼼히 읽어보니 "어떤 수에 6이 적어도 3개 이상 연속으로 들어가는"이라는 말이 있었기 때문에 내가 너무 단순하게 생각했던..

[백준] 2798번 블랙잭 C, java

https://www.acmicpc.net/problem/2798 2798번: 블랙잭 첫째 줄에 카드의 개수 N(3 ≤ N ≤ 100)과 M(10 ≤ M ≤ 300,000)이 주어진다. 둘째 줄에는 카드에 쓰여 있는 수가 주어지며, 이 값은 100,000을 넘지 않는 양의 정수이다. 합이 M을 넘지 않는 카드 3장 www.acmicpc.net C #include int main() { int n, m;//카드 갯수, 최대값 int cd[100];//카드 번호 int sum = 0;//카드3장의 합 int max = 0;//현재까지의 최대값 //1.카드개수, 최대값 입력 scanf("%d %d", &n, &m); //2.카드개수만큼 각 카드값 입력 for (int i = 0; i < n; i++) { sc..

[백준] 7568번 덩치 C, java

https://www.acmicpc.net/problem/7568 7568번: 덩치 우리는 사람의 덩치를 키와 몸무게, 이 두 개의 값으로 표현하여 그 등수를 매겨보려고 한다. 어떤 사람의 몸무게가 x kg이고 키가 y cm라면 이 사람의 덩치는 (x, y)로 표시된다. 두 사람 A 와 B의 덩 www.acmicpc.net C #include struct people{//구조체 정의 int weight;//구조체 멤버1 몸무게 int height;//구조체 멤버2 키 int rank;//구조체 멤버3 순위 }; int main() { int n = 0;//사람 수 struct people list[50];//n은 최대 50이므로 //1.사람 수 입력 scanf("%d", &n); for (int i = ..