popeyes의 개발 넋두리 popeyes의 개발 넋두리

Javscript

• 프로그래머스 lv1 행렬의 덧셈 - js

  알고리즘(코딩테스트) 2023. 7. 21. 12:33

  문제 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. 내 풀이 이중반복문이 어떤식으로 굴러가는지 알게되었다. arr [ i ][ j ] : arr의 i번째 j번째로 접근 바깥쪽 for문의 초기 값(i=0)부터 시작하고, 안쪽 for문이 끝나면 다시 바깥쪽 for문의 i=1이 진행되는 순서다. 분명 더 좋은 풀이법이 있다고 생각했으나, 내 머리로는 이 방법 외에는 떠오르지 않았다. 다른 사람의 풀이 function solution2(arr1, arr2) { return arr1.map((e,i) => arr2[i].map((v,j) => ar..

  Read More
• [js] mvc 패턴을 연습해보자 -4 추천검색어

  Javascript 2023. 7. 20. 18:37

  추천 검색어 구현 ● 번호, 추천 검색어 이름이 목록 형태로 탭 아래 위치한다 ● 목록에서 검색어를 클릭하면 선택된 검색어의 검색 결과 화면으로 이동한다 KeywordListView.js 파일을 만들어주고 초기 셋팅을 해준다. export default class KeywordListView extends View { constructor() { super(qs("#keyword-list-view")); this.template = new Template(); } show(data = []) { this.element.innerHTML = data.length > 0 ? this.template.getList(data) : this.template.getEmptyMessage(); super.show()..

  Read More
• [js] mvc 패턴을 연습해보자 -3 탭(2)

  Javascript 2023. 7. 20. 14:37

  오늘의 요구사항은, ● 기본으로 추천 검색어 탭을 선택한다 이 역할은 TabView.js 안에 show 메서드가 해야할 일이다. 먼저, show(selectedTab) { this.element.innerHTML = this.template.getTabList(); qsAll("li", this.element).forEach(li => { li.className = li.dataset.tab === selectedTab ? 'active' : ''; }) super.show() } 모든 li태그에 반복을 돌며 selectedTab과 같으면 클래스에 active를 활성화 시켜준다. 이렇게 하기 위해서는, selectedTab에 대한 정보를 어디서 들고있어야한다. 이는 model의 역할을 하고있는 Store..

  Read More
• [js] mvc 패턴을 연습해보자 -1 검색폼

  Javascript 2023. 7. 19. 22:22

  autofocus 란 정의 및 특징 태그의 autofocus 속성은 페이지가 로드될 때 자동으로 포커스(focus)가 요소로 이동됨을 명시합니다. autofocus 속성은 불리언(boolean) 속성입니다. 불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다. -출처 http://www.tcpschool.com/html-tag-attrs/input-autofocus 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com [extension 추천] Auto Import 파일명을 입력하면 자동으로 import가 된다. import View f..

  Read More