코딩연습장

  • 홈
  • 방명록
  • 글쓰기
  • 관리자

2024/05/28 2

24.05.28 display: flex

오랜만에 새로워진 웹개발종합반 강의를 들었다.이전에 들었던 것과 비슷하게 html의 태그들을 알려주고, css를 사용하는 법을 알려주었다.결국엔 display: flex를 마주했다.한창 코딩을 할 때에도 이건가? 이건가? 하면서 헤맸던 속성이지만 이젠 떨쳐내려한다. display : flex; 가나다라 마바사아 자차카 타파하 이렇게 코드를 작성했다고 쳐보자. 그렇다면 화면은 아래와 같을 것이다.wrap 내부의 div의 height는 틀의 최대값을 가지게 되고, width는 미리 지정해준 값이나 내부에 들어있는 요소에 딱 맞게 적용된다.flex-direction: ~~;flex-d..

2차 공부/TIL 2024.05.28

자연수 뒤집기

내가 작성한 코드function solution(n) { var answer = []; for (let i = String(n).length-1; i>=0; i--) { answer.push(Number(String(n).split('')[i])) } return answer;}반복문을 사용해 인덱스가 큰 번호부터 0번까지 배열에 push하도록 작성하였다.  다른사람이 작성한 코드function solution(n) { return (n + '').split('').reverse().map(n => parseInt(n));}n+''으로 문자열로 바꾼 뒤 split메서드를 활용해 배열로 바꾸고reverse()메서드를 사용하여 뒤집은 뒤 map메서드로 각 요소를 숫자화..

2차 공부/알고리즘 2024.05.28
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (344)
    • 2차 공부 (162)
      • 알고리즘 (34)
      • TIL (127)
      • WIL (0)
      • 최종프로젝트 (1)
    • 1차 공부 (181)
      • React공부 (42)
      • WIL (13)
      • TIL (39)
      • 알고리즘 (28)
      • 공부한 자료 (21)
      • JavaScript (7)
      • 코드분류 (1)
      • 웹개발노트 (5)
      • 설정관련 (3)
      • 기타 (2)
      • 기술면접 준비 (20)

Tag

TDZ, vite, nextjs, js, react, 코딩테스트, 리덕스, React Query, tanstack query, react-redux, Reducer, 리액트, CSS, redux, 프로그래머스, action creator, 실행컨텍스트, javascript, 알고리즘, 팀프로젝트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바