본문 바로가기

전체 글451

46. 음양더하기 https://programmers.co.kr/learn/courses/30/lessons/76501 코딩테스트 연습 - 음양 더하기 어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 re programmers.co.kr 1. 이해 정수들의 배열 absolutes가 주어진다 이 정수들의 음양을 판별할 불리언 배열 signs가 주어진다. 음양을 올바르게 판별하고 그 숫자들을 더한다. 2. 계획 absolutes와 signs를 반복으로 돈다 배열 내 각 요소를 비교한다. signs가 true면 양수 signs가 false면 음수 이렇게 판별한 값들을 더해준다... 2022. 5. 17.
220516 프로젝트 루틴 리스트가 없을 때 Add your routine이라는 문구가 나오도록 만들어주었다. 이 부분을 해결하면서 조건부 렌더링이라는 것에 대해서 리액트 문서를 보았고 자바스크립트에서 흔히 사용되던 if문, 조건부 연산자를 사용하는 것과 비슷하여 금방 이해가 되었다. 그리고 return 밖에서 if문을 사용했을때는 내가 의도한 대로 렌더링 되지 않았는데 inline으로 처리하라는 방식을 보고 따라해보니까 내가 의도한대로 되었다..! 그리고 항상 문제였던,, 모달팝업,,, BackdropProps라는 것을 알게되었고 공식 문서도 꼼꼼히 봐야겠다는것을 깨닫게 해줬다,, 모달 태그에 BackdropProps 스타일을 설정을 해주면서 뒷 배경같았던 회색 부분 처리가 되었다. 코드숨 공부방에서 코테 풀다가 .. 2022. 5. 17.
45. 키패드 누르기 https://programmers.co.kr/learn/courses/30/lessons/67256 코딩테스트 연습 - 키패드 누르기 [1, 3, 4, 5, 8, 2, 1, 4, 5, 9, 5] "right" "LRLLLRLLRRL" [7, 0, 8, 2, 8, 3, 1, 5, 7, 6, 2] "left" "LRLLRRLLLRR" [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] "right" "LLRLLRLLRL" programmers.co.kr 아직은 나에게 항상 어려운,, 카카오 코테,, 1. 이해 상하좌우로 1씩 이동 1, 4, 7 -> L 3, 6, 9 -> R 2, 5, 8, 0 -> 가까운 손 (왼손잡이->L / 오른손잡이->R) 2. 계획 2,5,8,0이 없다고 가정하고 1,3,5와.. 2022. 5. 17.
Material UI Modal: BackdropProps Material UI Modal을 사용해서 모달 팝업을 만들었는데 저 모서리,, 회색; Modal 팝업 안에 루틴 만드는 기능들을 div로 묶어둬서 div를 styled component로 배경색이랑 모서리 둥글게 바꿨는데 Modal 에는 이 설정이 안먹었다. 당연함 서로 태그 다름 그래서 오전 내내 찾아보다가 발견,, Modal API 보니까 맨 아래에 있는 Props,, props 볼때마다 이해 잘 안돼서 안읽었는데 앞으로 잘 봐야겠다. 저 props를 보면 BackdropComponent랑 BackdropProps가 있다. BackdropComponent -> 배경 구성 요소로 사용자 정의 배경 렌더링을 활성화시켜준다. BackdropProps -> 위의 BackdropComponent의 요소에 적.. 2022. 5. 16.
React: 조건부 렌더링 🧐 조건부 렌더링이란? -> javascript 에서 예외처리하는 방식과 유사한데, if나 조건부 연산자를 현재 상태를 나타내는 엘리먼트에 사용한다. 그러면 react 는 현재 상태에 맞게 UI를 업뎃한다. 맨처음에 if를 사용해서 예외처리를 하려고 했는데 잘 안됐던,,, 그래서 찾아보니 inline으로 처리하는 방법이 있어서 해봤다. {}중괄호를 이용해서 표현식을 넣고 html에 해당하는 부분은 ()괄호로 감싸줬다. routines의 길이가 0이면 (루틴 리스트가 없으면) Add your routine이라는 문구가 화면에 보여지고 루틴이 추가되면 저 문구는 사라지고 루틴 리스트가 하나씩 쌓이게 만들어줬다. 2022. 5. 16.
220514 오늘은 푹 쉬었다,,, 그리고 저녁에 모던 자바스크립트 스터디를 했다. 제너레이터랑 커링에 대해서 이야기를 나눴다. Generator가 왜 유연하고 쉬운 데이터스트림 만들 수 있을까요? -> 함수를 부분적으로 실행할 수 있도록 만들 수 있기 때문에, 조금씩 처리하는 제너레이터가 만들기 쉽다 이터러블과 비교해서 제너레이터가 가지는 장점? -> 무한한 값을 만들 수 있다. async generator를 언제 사용하면 좋을까? -> 비동기적인 동작을 얼마나 해야할지 모를 때 사용하기 좋다. 커링을 실무에서 쓰나? 왜 쓰지? 1. 매개변수를 강제할 수 있다. 2. 매개변수를 하나만 받는 함수로 만들 수 있다. 3. 수학의 함수는 매개변수가 하나 이러한 내용을 다뤘고 제너레이터에 대해서 잘 이해못하고 있었는데 오.. 2022. 5. 14.

티스토리툴바