문제 정의입력된 배열에서 "aya", "ye", "woo", "ma" 들이 최대 1번씩만 포함돼서 이것들로만 이루어진 문자의 개수를 내뱉어야 한다. 문제 풀이나는 먼저 당장의 비교를 통해 완전히 같은 것은 if문을 통해 +1 하고 그렇지 않은 것들은 또다른 비교를 해가면서 처리하려고 했다.그런데 특정 문자들을 한번씩만 포함하고, 특정 문자로만 이루어졌는지를 판단하는 방법을 몰랐다...그래서 노가다로 모든 합쳐질 경우를 계산했는데,,, 시간 부족 ㅠ 코딩 babbling = ["aya", "yee", "u", "maa", "wyeoo"] function solution(babbling) {     let answer = 0;     let able = ['aya','ye', 'woo', 'ma']     ..

문제 정의문자열 들이 담겨있는 배열을 받으면그 배열에 담긴 각각의 문자열 안에 "aya", "ye", "woo", "ma" 들이 몇개가 포함이 되는지에 대해 계산하라는 문제다단 각각의 문자열 안에  "aya", "ye", "woo", "ma" 들이 최대 1번씩만 포함될 수 있다 "ayaye" 는  "aya" + "ye" 로 2개 다"ayayeaya" 는 "aya" + "ye" + "aya" 인데 각 문자열 안에 "aya", "ye", "woo", "ma" 들이 최대 1번씩만 포함될 수 있으니까"ayayeaya" 는 "aya" + "ye" + "aya" 지만 2개 로 계산되어야한다 근데 여기서 드는 생각은 각각의 문자열 안에  "aya", "ye", "woo", "ma" 들이 최대 1번씩만 포함될 수 있다..

이제 모든 페이지는 연결됐고, 상세페이지만 하면 된다. 상세 페이지 같은 경우에는 팀플에서 백엔드 쪽에서 쿼리스트링을 사용해서 api를 만들었는데,문제는 내가 쿼리스트링이 익숙하지 않다는 거다. http://localhost:8080/category/food 에서 .detailbtn을 클릭하면 'http://localhost:8080/detail&name=가게명' 이런식으로 이동해야하는데'http://localhost:8080/category/detail&name=가게명' 아마 카테고리의 url이 유지되면서 그런 것 같은데$('.detailbtn').click(function() {        window.location.replace('/detail?name=' + $(this).parent().da..

video 태그 안의 요소와 테두리 요소의 비율이 맞지가 않았다.                $('.first-vi').css('width','85.101vw');                $('.first-vi').css('height',$('.first-box').height()-5+'px');그래서 이렇게 높이를 조절하면 너비도 지정했음에도 불구하고 비율을 지키기 위해 내가 지정한 크기에 맞게 사이즈가 조절되지 않았다.그렇다고 높이를 지정하지 않으면 틀에서 넘쳐버렸다. 이건 overflow도 아니고 어떻게 해결해야 할지 고민이 됐는데,뤼튼의 도움을 좀 받았다 ㅎ object-fit이라는 게 있는데, object-fit: contain;을 사용하면 동영상의 비율을 유지하면서 크기를 조절할 수 있고,..

요거 퍼블리싱하려고 한다 ㅎㅎhttps://www.apple.com/apple-tv-4k/ Apple TV 4KApple TV 4K. Our best audio and video quality. Dolby Vision, HDR10+, and Dolby Atmos. Works seamlessly with Apple devices, services, and smart home.www.apple.com   근데 하다가 뤼튼 도움으로 되게 신기한 걸 발견했다!! background-color : transparent라는 건데, Apple TV 4K 줄의 z-index가 더 위에 있는데 뒤에 있는 요소가 보인다!내가 볼 때는 opacity 0을 준 것과 같아 보이는데 되게 신기했다. https://computer..

이번에 디자인을 살짝 변경하려고 했는데팀원이 전체적인 디자인 분위기가 웹사이트 같지 않다고 하셔서 전체 디자인 변경을 진행했다. 디자인을 변경하는 부분은 어렵지 않으니 적지 않고 이번에 퍼블리싱을 하면서 알게 된 좋은 몇 가지 사이트를 작성해둔다. gif 편집 사이트https://ezgif.com/effects?err=expired Add effects to animated gifsAdd effects and modify animated GIF images online. Rotate, reverse, flip, convert GIFs to grayscale or sepia. Change hue, saturation and lightness values. Add second counter and chang..