신청목적 및 동기:
1) 팀 구성원이 코딩을 자율로 진행하여 서로의 부족한 부분들을 채워주고
더불어 전반적인 언어들에서의 코딩 능력 향상 및 기술 스택 공유
2) 팀원과 교류하고 성장함으로써 개발자의 창의력과 사고력 증진
운영일정:
각자 다른 주제에 관심이 있는 학생들끼리 두팀으로 나누어 서로의 기술들을 공유하고,
다음 모임이 있는 날까지의 학습계획을 구성하여 팀끼리 학습계획을 검토해주고 다음 모임까지 계획을 수행하지 못할 시
벌칙을 주어 승부욕으로 학습력을 증진시킨다.
팀 1)민호(김태호,박민규) 2)지성(백지원,최호성)
#1주차: 학습계획
민호(김태호,박민규) :java의정석 책을 참고하여 java 클래스 부분과 메소드 부분을 공부하고, 각 예제들과 연습 문제들을 참고하여 문제를 풀어보고 서로 부족한 부분들을 공유하고, 피드백.
지성(백지원,최호성) :HTML5 목록 태그 :input 부분 :CSS 너비 높이 색 관련 명령어
공부하고, 서로 코드를 만들어보며 부족한 부분들을 공유하고, 피드백.
#2주차: 학습계획
1주차 학습계획이었던 각자의 목표들을 코드들로 구현해보면서 이론을 공부했던걸 실습으로 연습을 해보았다.
민호(김태호,박민규) :java의정석 책을 참고하여 java 클래스 부분과 메소드 부분을 공부하고, 각 예제들과 연습 문제들을 참고하여 문제를 풀어보고 서로 부족한 부분들을 공유하고, 피드백.
java 클래스 부분을 이론으로 공부를 하고 서로 만나 이론을 확인하며 예제를 통해 실습을 했다. 처음부터 너무 어려운 코드들로 진행이되면 복잡한 프로그램을 구현할 때 어려움이 있을 것 같아서 get 메소드와 set 메소드부터 차근차근 이해를 해볼려고 했다. 처음에는 그저 코드들을 받아적고 과제를 해서 void, 또는 접근제어자(private,public..)등 정확하게 이론을 몰랐지만,코드를 직접 써보며 구현해보니 알게 되었다.
지성(백지원,최호성) :HTML5 목록 태그 :input 부분 :CSS 너비 높이 색 관련 명령어
ul, ol, li / dl, dt, dd 등의 목록태그를 공부하였고 태그로 css를 연결해 html의 태그들에 스타일을 지정해보았다. 이번 공부 중 li에 자식태그로 a를 넣었는데, 아무리 li에 텍스트 색깔 스타일을 지정해도 변하지 않아서 난감했다. 알고보니 a는 기본적으로 컬러 스타일이 지정되어있기 때문이었고, li가 아닌 a 태그에 텍스트 컬러 스타일을 지정하니 문제가 해결되었다. 그리고 padding과 margin 속성도 사용해보았는데, background-color 속성을 사용하였을 때, padding이 설정된 범위에는 적용이 되지만, margin 속성이 설정된 범위에는 적용되지 않았다. 각각 태그 영역의 안, 그리고 밖을 지정하는 속성이기에 이런 차이가 발생한 것으로 보인다.
3주차 활동 학습 계획
-민호(민규 태호)팀 2023 04.03 활동 계획서 클래스를 다채롭게 구현하고 library class를 만들거나 bankacount class를 만들어서 class를 효율적으로 작성하는 연습
-지성(지원 호성)팀 2023.04.03 활동계획서 선택자(후손선택자, 자손선택자, 인접형제 등)을 이용한 시트 작성 Css 속성( box속성 가시속성)에 대한 학습
#3주차: 3주차 활동 학습 계획
-민호(민규 태호)팀 2023 04.03 활동 계획서 클래스를 다채롭게 구현하고 library class를 만들거나 bankacount class를 만들어서 class를 효율적으로 작성하는 연습
-지성(지원 호성)팀 2023.04.03 활동계획서 선택자(후손선택자, 자손선택자, 인접형제 등)을 이용한 시트 작성 Css 속성( box속성 가시속성)에 대한 학습 민호(김태호,박민규)
:java의정석 책을 참고하여 java 클래스 부분과 메소드 부분을 공부하고, 프로그래머스를 통하여 기초를 다지기로 하였다.
프로그래머스를 통하여 기초를 다지기로하였다. 변수를 적절하게 선언하고 자료형을 탄탄하게 공부하여 프로그래머스 배열까지 문제를 풀어보았다. 곧 있을 시험에 손코딩을 하여 문제를 풀 것 같아 그와 유사한 백준 또는 프로그래머스를 통하여 기초를 공부하는 것이 도움이 될 거라고 생각하여 배열까지 문제를 풀었는데, 생각보다 쉬운 난이도지만 세미콜론 하나하나 신경써서 해야하는 것을 보고 너무 코딩프로그램에 치중되어 신중하게 코딩을 못하는 것이라고 깨닫게 되었다. 또한 교수님이 과제를 주시면 과제를 빨리 풀기에 급급했지만, 프로그래머스에 있는 문제를 통하여 자신이 이해하고 있는건지 확실하게 알려주어 많은 도움이 되었다.
#4주차: 4주차 활동 학습 계획
-민호(민규 태호)팀 2023 05.03 활동 계획서 클래스를 다채롭게 구현하고 자료구조 리스트 배열, 연결 리스트 연습 또는
-지성(지원 호성)팀 2023.05.03 javascript 활용, callback() 함수 구현 및 난수를 활용한 javascript활용
:java의정석 책을 참고하여 java 클래스 부분과 메소드 부분을 공부하고, 프로그래머스를 통하여 기초를 다지기로 하였다.
민호(민규 태호)팀 -프로그래머스를 통하여 기초를 다지기로하였다. 프로그래머스를 통한 알고리즘을 해결하는 문제를 풀어보았다. 자료구조 민규 씨랑 자료구조 시험을 같이 듣기 때문에 알고리즘을 기초를 탄탄하게 잡을 필요를 느꼈다. 피보나치 수열과 팩토리얼을 재귀함수로 풀어내는 코딩을 마스터하였고 이외에도 최소공배수와 최대공약수를 코드로 구현 해보았다. 재귀함수를 사용하는 알고리즘은 코드가 간단해서 보기는 편하지만 생각해내는 건 어려웠다.
지성(지원 호성)- 팀이번 주차에서는 javascript 활용에 대해 알아보았다. 실습 문제로 ‘1~100 사이의 난수를 5개 생성하여 가장 큰 값을 반환하는 콜백 함수 callback()을 함수 표현식으로 구현하고 callback() 콜백 함수를 매개변수로 받아 3번 호출하는 고차 함수 func_call()을 구현’을 진행하였다. 이 실습에서 난수 생성은 ‘Math.floor(Math.random() * 100) + 1’으로 진행하여 1부터 100까지의 무작위 수를 만들 수 있었고, 모든 출력은 브라우저가 아닌 콘솔로 진행하여 크롬의 개발자 창에서 결과를 살펴보는 방식으로 진행하였다. 두 개의 함수를 만들었고, 하나는 5번 생성된 난수에서 가장 큰 값을 반환하는 함수이고, 또 하나는 매개변수로 받은 함수를 3번 호출하는 함수이다. 첫 javascript 연습이 라 생소하고 낯설어 한 문제인데도 상당히 어려움을 겪었다. 아무래도 html과 css 보다는 난이도가 높은 부분이라 다음 스터디 모임 때도 javascript를 더 깊숙이 공부하여 웹 브라우저의 퀄리티를 높이는 방법을 배워갈 것이다.
#5주차: 5주차 활동 학습 계획
-민호(민규 태호)팀 2023.05.21 프로그래머스를 통해 자바 기초실력 및 알고리즘 기초를 다루고 , 연결리스트 공부
-지성(지원 호성)팀 2023.05.21 이번주차에서는 지난주에 진행한 javascript 활용에 추가되는 부분을 학습히였다. 실습문제로 css 셀렉터를 사용하여 클래스 어트리뷰트 값이 hallym인 요소 노드를 모두 선택하고 모든 요소의 width 값은 ‘100px’, querySelectorAll() 사용하는 프로그램을 작성하였다.
민호(민규 태호)팀- 최댓값 찾기 코딩테스트 프로그래머스를 통해 문제를 해결하며 자바의 기초를 다졌다. 그 중 최댓값 찾기 문제에서 민규 태호의 각각 접근 방식이 달랐다. 민규는 여러 변수들을 선언하여 최댓값을 찾고 다른 반복문을 통해 두번째로 높은 최댓값을 찾아 이들의 곱을 구했다. 반면 태호는 tmp라는 임시 변수를 선언하여 이중반복문을 통해 조금 더 간결한 코드로 배열을 오름차순으로 정렬후 가장 마지막 원소와 그 전 원소의 곱을 통해 최댓값과 두번째로 높은 최댓갑의 곱을 구했다. 이처럼 같은 문제의 다른 접근을 통해 여러가지 알고리즘이 존재함을 발견했다.
지성(지원 호성)팀- [코드 설명] 코드는 CSS와 JavaScript를 혼합하여 클래스 값이 "hallym"인 요소를 선택하고, 선택된 요소에 스타일을 적용하는 방법을 보여준다. CSS 선택자 .hallym:nth-child(even)은 클래스 값이 "hallym"인 요소 중 짝수 번째 요소를 선택하고, .hallym:nth-child(odd)는 홀수 번째 요소를 선택한다. 각 선택자에 해당하는 요소에는 적절한 배경 색상과 너비를 적용한다. 따라서 querySelectorAll() 메서드와 CSS 선택자를 사용하여 클래스 값이 "hallym"인 요소 노드를 모두 선택하고, 선택된 요소에 반복되는 노란색과 회색 배경 색상을 적용하며 너비를 "100px"로 설정하였다.
#6주차: 6주차 활동 학습 계획
-민호(민규,태호) 2023-05-25이번주도 코딩테스트 프로그래머스 사이트를 통해 몇가지 문제들을 풀어보았다. 늘 기초단계에서 머물러 있었기에 조금 높은 레벨의 2019 카카오 개발자 겨울 인턴십 문제에 도전해보았다.
-지성(지원,호성)팀 2023-05-25 이번 주차에서는 DOM(Document Object Model) 기본 개념과 관련 실습에 대해 공부해 보았다. DOM은 HTML 모든 요소와 요소의 어트리뷰트, 텍스트를 각각의 객체로 만들고 이들 객체의 부자 관계를 표현할 수 있는 트리 구조로 구성한 것이고 기능으로는 HTML 문서에 대한 모델 구성, HTML 문서 내의 각 요소에 접근/수정이 있다. 실습 문제로는 입력받은 품목과 개수를 배열에 저장한 후 div 요소의 자식 요소인
로 추가하는 스크립트 코드를 작성하는 문제를 풀어보았다.
-지성(지원 호성)팀prompt 명령어로 품목과 개수를 입력받고, 각각 배열에 넣어 출력하는 스크립트이다. javascript에 이어 DOM에 대해도 배우면서 점점 난이도가 높아지긴 하지만, 유용하고 편리한 기능을 알아가며 뿌듯함을 느꼈고, 앞으로도 계속 만남을 이어가며 jQuery에 대해서도 배울 예정이다.
-민호(민규 태호) 문제를 이해하는데에도 시간이 걸리고, 여러가지 접근을 해 보았으나 지금까지 학습했던 내용인 배열만으로 이를 해결하기에는 한계가 있었다. 따라서 스택 관련 자료들을 살펴보고 다양한 접근을 해 보았으나 실패했다. 허나 어려운 문제에 도전해 보아서 자신감도 찾을 수 있었고 몰랐던 스택의 실질적인 사용법을 익히게 되어 유익했다. 추가로 아이스아메리카노 문제를 풀었는데 지난주와 마찬가지로 민규는 여러 변수들을 이용한 접근, 태호는 조금 더 간결한 가독성 높은 코드로 완성했다.
