개발 공부 썸네일형 리스트형 programmers(JS) 3. 대소문자 바꿔서 출력하기 영어 알파벳으로 이루어진 문자열 str 이 주어집니다. str = 'aBcDeFg'각 알파벳을 대문자는 소문자로 소문자는 대문자로 변환해서 출력하는 코드를 작성해 보세요. 1. 문자열을 알파벳 하나씩 잘라서 배열에 넣어준다. 2. 반복문을 돌리며 알파벳이 대문자이면 소문자로, 대문자가 아니면 소문자로 변경하여 새로운 배열에 넣어준다.3. 대소문자가 변환된 알파벳이 들어있는 배열을 다시 string 으로 만들어준다.1. 문자열을 알파벳 하나씩 잘라서 배열에 넣어준다.const str = 'The quick brown fox jumps over the lazy dog.';const words = str.split(' '); //띄어쓰기를 기준으로 자르기console.log(words);// Expected .. 더보기 asw Elastic Beanstalk 배포 error handling history 1. 환경 업데이트는 정상이나, api 호출 시 fail → mongo db 를 이용하고 있었는데 작업 pc의 ip 주소만 허용 되어 있었다.→ 접속 IP 모두 허용하여 해결→ mongo db 홈페이지 > Network Access > 모두 허용 2. 코드에 localhost 가 있다면 → localhost 대신 172.17.0.1 로 넣어준다. → docker0의 IP는 172.17.0.1로 자동 할당 되기 때문 추가 예정 더보기 [jQuery] Ajax Ajax란 Asynchronous JavaScript and XML 의 줄임말 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해줌 백그라운드 영역에서 서버와 데이터를 교환하여 웹 페이지에 표시해줌 제이쿼리와 Ajax 제이쿼리에서는 Ajax 기능을 손쉽게 사용할 수 있도록 여러 메소드를 제공 이러한 메소드를 사용하면 HTTP 요청(request)을 손쉽게 보낼 수 있습니다. 또한, 데이터의 종류에 따라 그에 알맞는 메소드를 사용하여 서버에 데이터를 요청할 수 있습니다. HTTP 요청 방식 1. GET 방식 주소에 데이터를 추가하여 전달하는 방식 GET 방식의 http요청은 브라우저에 의해 캐시되어 저장됨 GET 방식은 보통 쿼리 문자열에 포함되어 전송되므로 길이의 제한이 .. 더보기 [jQuery] effect 1.요소의 표시와 숨김 - show(); hide(); toggle(); 인자로 밀리초, slow, fast 활용하여 속도 조절 가능 - 페이드 : 인자로 밀리초, slow, fast 활용하여 속도 조절 가능 .fadeIn() 선택한 요소의 CSS opacity 속성값을 높여가며 요소를 나타지게 함. .fadeOut() 선택한 요소의 CSS opacity 속성값을 높여가며 요소를 사라지게 함. .fadeTo() 페이드 효과에서 사용하는 opacity 속성값을 직접 설정함. .fadeToggle() 선택한 요소에 fadeIn() 메소드와 fadeOut() 메소드를 번갈아가며 적용함. 2. 슬라이드 효과 : 인자로 밀리초, slow, fast 활용하여 속도 조절 가능 .slideUp() 선택한 요소의 CSS.. 더보기 [jQuery] 이벤트 ※ 마우스 이벤트 .click() 자바스크립트의 "click" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "click" 이벤트를 발생시킴. .dblclick() 자바스크립트의 "dblclick" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "dblclick" 이벤트를 발생시킴. .hover() 자바스크립트의 "mouseenter"와 "mouseleave" 이벤트를 같이 인벤트 핸들러와 연결함. .mousedown() 자바스크립트의 "mousedown" 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 "mousedown" 이벤트를 발생시킴. .mouseenter() 해당 요소 위로 마우스가 진입할 때 발생하는 이벤트와 이벤트 핸들러를 연결하거나, 해당 요소에 마우스 진입 이벤트를 발생시킴. .. 더보기 [jQuery] 스타일 , 클래스 설정 ※ 스타일 설정 제이쿼리의 .css() 메소드에서는 하이픈(-)으로 연결된 CSS 속성 명과 camelCase 방식의 속성 명을 둘 다 사용가능 (javascript에서는 camelCase로 변경하여 사용) .css() css() 메소드는 선택한 요소 집합의 첫 번째 요소의 스타일 속성값을 반환하거나, 선택한 요소의 스타일 속성을 인수로 전달받은 값으로 설정함. .attr() 선택한 요소 집합의 첫 번째 요소의 지정된 속성(attribute)값을 반환하거나, 선택한 요소의 지정된 속성을 전달받은 값으로 설정함. .prop() 선택한 요소 집합의 첫 번째 요소의 지정된 프로퍼티(property)값을 반환하거나, 선택한 요소의 지정된 프로퍼티를 전달받은 값으로 설정함. .removeAttr() 선택한 요소에.. 더보기 [jQuery] 요소의 크기, 위치 ※ 요소의 크기 .width() 선택한 요소 집합의 첫 번째 요소의 너비를 반환하거나, 선택된 요소의 너비를 인수로 전달받은 값으로 설정함. .height() 선택한 요소 집합의 첫 번째 요소의 높이를 반환하거나, 선택된 요소의 높이를 인수로 전달받은 값으로 설정함. .innerWidth() 선택한 요소 집합의 첫 번째 요소의 너비에 패딩 영역을 포함한 너비를 반환함. .innerHeight() 선택한 요소 집합의 첫 번째 요소의 높이에 패딩 영역을 포함한 높이를 반환함. .outerWidth() 선택한 요소 집합의 첫 번째 요소의 너비에 패딩 영역과 테두리를 포함한 너비를 반환함. 또한, 인수로 true를 전달받으면 마진 영역까지 포함한 너비를 반환함. .outerHeight() 선택한 요소 집합의 첫.. 더보기 [jQuery] 탐색, 필터링 ※ 조상 탐색 .parent() 선택한 요소의 부모(parent) 요소를 선택함. .parents() 선택한 요소의 조상(ancestor) 요소를 모두 선택함. .parentsUntil() 선택한 요소의 조상 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택함. .closest() 선택한 요소를 포함한 조상 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택함. ※ 형제 탐색 .siblings() 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택함. .next() 선택한 요소의 바로 다음에 위치한 형제 요소를 선택함. .nextAll() 선택한 요소의 다음에 위치한 형제 요소를 모두 선택함. .nextUntil() .. 더보기 이전 1 2 3 4 다음