거인의 코딩일지

오늘의 문제는 대문자를 소문자로 싹 바꾸고 소문자를 오름차순으로 정렬해서 return 하는 것이다!! 문제를 보고 아스키코드를 이용해서 풀어야지 했지만 생각보다 너무 복잡했고.... 실패하였다///핳 그래서 나는 아래와 같이 해결했다!! 문자를 소문자로 바꿔주는 함수를 사용한 후!! char 배열안에 문자열을 넣어준뒤 오름차순 정렬 후 다시 char배열을 문자열로 변환했다!!! 결과는 역시 성공!!!

이번문제는 배열에 지정되있는 숫자중 7이 몇개가 들어가는지 찾는 문제였다. 우선 for 반복문을 돌려 String N 이라는 변수에 숫자를 String 형으로 변환시켜서 저장시켜준뒤! split 함수를 통해서 큰따옴표로 잘라서 문자열 배열에 저장시킨뒤 다시 두번째 for문을 사용하여 equals 함수를 써주어 7이라는게 있다면 answer을 추가해주어라 라는 코드를 작성하여 문제를 해결했다!!

저번 문제에서 알지 못했던 substring 기능을 혼자 공부한 뒤 다음문제에서 적용할 수 있을 것같아서 신이났던 문제...ㅎ 우선 내가 여기서 구해야 할 것은 배열의 칸 수를 알아야 하고, 또 어떻게 해야 문자열이 짤려서 배열에 저장되는지를 알아야했다!!! 배열의 칸수를 알기위해서 my_str에 있는 문자열의 길이를 n 으로 나눠준 결과 나머지 없이 나눠지면 나눈 몫이 배열의 칸수가 되고, 떨어지지 않는다면 그 몫에 1을 더해주면 칸수가 정확하게 일치했다. 배열을 선언 후 if else 조건문에 넣어서 칸수를 정해주고 배열의 값을 넣어주기 위해서 for 반복문을 활용했다. for 반복문 안에서 if else 조건문을 생성하여 문자열을 n개씩 나눌수 있게 해주고 n개씩 나눴을때 문자열의 길이가 모자라다면..

오늘의 문제는 바로.... 문자열밀기!!! 조건은 아래와 같다!! 진짜 2일 정도는 틈나는 대로 계속 고민하고 char 배열에 넣어보기도 하고 진짜 이것저것 고민 많이 하다가 결국 실패.... 다른 사람들의 풀이를 보고 참조한결과 내가 실패한 이유를 찾을 수 있었다...! 실패한 이유는 substring 함수를 몰랐기 때문이다....ㅠㅅㅠ 국비지원 코딩 수업을 들으면서 못들어봤는줄 알았는데.... 다른사람들에게 물어보니 진짜 지나가듯... 한번...? 이야기 해주셨다고 해서.... 진짜 현타....하핳...! 시간이 지나 결국 강사님이 바뀌었지만.... 이미 자바는 물건너 간 뒤이고.... 내가 열심히 따라가야지!! 핳 화이팅 하자!! 모두 화이팅입니다...!

오늘의 문제는 생각보다 쉽게 풀 수 있었지만 찜찜해서 다시 함수를 써서 풀었다! 처음 문제를 보고 정답은 M과 N을 곱해준다음 -1을 해준다면 정답이 나오네? 라고 생각하여 다른 예시들도 대입해보고 했는데 정확하게 맞아서 answer = (M * N) -1; return answer; 을 하고 채점을 해보았는데 정답이였다,,,,; 하지만 알고리즘 테스트 취지상!! 함수를 써서 풀기 위하여 무엇이 필요할지 고민하고 코드를 작성한 결과는 아래 사진과 같다! 이렇게 코드를 작성하여 채점을 해본결과!!! 역시 통과했다!!! ㅎㅅㅎ 뿌듯....! ㅎㅎㅎ

후.... 이번에는 많은 시간을 허비하고 혼자 풀다가 아래 힌트를 보았더니 total / num 하면 길이 보일거라고 해서 total / num을 해보닌까 중간 값 나오게 된다! 이 사실을 알고 코드를 작성해보았다 우선 num값과 answer의 배열의 갯수가 같음으로 초기화 선언을 위의 코드처럼 해준뒤 이 중간값을 이용해서 처음에 나타나는 숫자 값을 start 변수에 저장한 뒤 for 문을 활용하여 answer 배열 안에 넣어주고 answer을 리턴하면 값이 나타난다!

오늘은 표준이벤트를 사용하여 위에 버튼 사진을 처음에는 아래 사진처럼 만들고 그 뒤 고전이벤트와 다른지 확인하기 위하여 또 아래 사진으로 변화 시켜줘 볼것이다! 처음엔 늘 해왔던것 처럼 html 파일에 코드를 작성해준다! 아래 사진과 같이 코드를 작성해준뒤 JS파일에 들어가 코드를 작성하여 두번째 사진처럼 스타일을 줄것이다. 이렇게 btn2 변수를 생성시켜준뒤 getElementById 함수를 사용해서 btn2 라는 아이디를 가져와서 이벤트추가 함수를 작성해주면 된다 주석에서도 말했다 싶이 이벤트 핸들러 내부에 작성된 this는 이벤트가 발생한 요소를 불러오는 것이다. 이렇게 만들고 라이브서버를 통해 확인하면 아래 사진과 같이 변하는데 고전이벤트와 다른점을 확인하기 위해서 다시 btn2에 클릭이라는 이벤..

고전이벤트 이번에는 html 파일에 button 태그를 생성한 뒤 위의 사진처럼 id 값을 부여해보자! 위와같이 js파일을 만들어 준뒤 id 값을 얻어와 onclick 이벤트를 부여하고 버튼을 누르면 상태창으로 "버튼이 클릭됨" 이라는 문자가 나타나게 된다! 이런 버튼이 생성되고 버튼을 누르면 이런 상태창이 뜨는것을 알 수 있다! 고전 이벤트와 표준 이벤트의 장점 고전/ 표준 이벤트의 공통된 장점 중 하나는 바로 이벤트 제거가 가능하다는 것이다. 요소의 속성중 on이벤트명(이벤트 리스너) 속성에 함수대신 null을 대입하면 이벤트를 삭제 할 수 있다. 적용한것을 보기위해서 아까 작성해 두었던 js 파일내부에 코드를 추가해 보자! 이렇게 코드를 작성하고 다시 실행해 보면 아까 나타났던 상태창이 한번 나타나..

인라인 이벤트 모델 확인해보기! html 문서 내부에 button태그에 인라인 이벤트 모델중 하나인 onclick 이벤트를 걸고 함수명은 자유롭게! 작성한뒤 js파일을 만들어 js 코드를 작성한다! * fnTest(this) 라는 함수명에 this란 fnTest를 의미한다. JS파일 내부에서 버튼의 글자 색을 white로 배경을 black로 버튼위로 마우스가 올라가면 마우스 커서를 pointer 로 설정해준뒤 라이브 서버를 사용하여 열어보면 아래 사진과 같이 버튼이 생성되어 있다! 이제 버튼을 눌러본다면?! 이렇게 버튼이 바뀌고 마우스를 올려보면 손가락 모양으로 변경되어 있는데 인라인 이벤트를 이용하여 바꾼것이다!

이벤트 브라우저에서 동작, 행위 ex) click, keydown, keypress, keyup, mouseover mouseout, mouseleave, mouseenter, change, submit 이벤트 리스너(Event Listener) 이벤트가 발생하는 것을 대기하고 있다가 이벤트 발생이 감지되면 연결된 기능(함수)를 수행함 ex) onclick, onkeyup, onchange, onsubmit ...(on이벤트명) 이벤트 핸들러(Event Handler) 이벤트가 리스너에 연결된 기능(함수) 이벤트가 발생했을 때 수행하고자 하는 내용을 작성하는 함수 인라인 이벤트 모델 → 요소 내부에 이벤트 리스너, 핸들러를 작성하는 방법 on이벤트명 = "함수명()" 형태로 작성된다. 고전이벤트 모델 →..