전체 글 80

알고리즘 풀이 1)11-14번

11. 대문자 찾기 function solution11(str:string):number { let answer = 0; for(let char of str){ if (char === char.toUpperCase()) answer++; } return answer; } console.log(solution11('KoreaTimeGood')); 12. 대문자로 통일 function solution12(str:string):string{ return str.toUpperCase(); } console.log(solution12('ItisTimeToStudy')); *다른 로직 : 소문자 아스키코드-32 ->대문자 아스키코드 [ASCII code] 영어 대문자 : 65~90 영어 소문자 : 97~122 이 ..

알고리즘 풀이 1)6-10번

6. 홀수 들의 합과 가장 작은 홀수 구하기 function solution(a){ let oddArray = []; a.map(num => { if(num%2===1) oddArray.push(num); }) let answer_min = oddArray.sort((a,b)=>a-b)[0]; let answer_sum = oddArray.reduce((acc,cur)=>acc+cur) return `${answer_sum} ${answer_min}`; } arr=[12, 77, 38, 41, 53, 92, 85]; console.log(solution(arr)); // ----------강의풀이----------- //제일큰값 변수에 지정해놓고 비교하면서 작은 값으로 바꾸기 //이중 if문으로 누적값과..

알고리즘 풀이 1)1-5번

자바스크립트 감을 잃지 않기 위해 스터디원들과 함께 풀어가는 알고리즘 문제! ..는 너무 간만에 풀어서 벌써 개념들이 가물가물 해졌다. 열심히 되찾아야지 1. 세 수 중 최솟값 function solution(a, b, c){ let answer; answer = Math.min(a,b,c) return answer; } console.log(solution(6, 5, 11)); //---강의 풀이--- // 메서드 사용 없이 if문 활용 function solution(a, b, c){ let answer; if(a

엘리스 2차 프로젝트 3주차 KPT회고(최종)

엘리스 SW Engineer 트랙 - 2차 프로젝트 2022.12.12 ~ 2022.12.30 (3주) 3주차 회고 정신없이 몰아친 3주 드디어 마무리 주말동안 팀원들 모두 프로젝트 마무리를 위해 몰두했다. 나도 담당한 페이지에서 주요 기능들을 거의 완성하고 css를 다듬어볼까 하고 있었다. 그런데 스크럼을 하면서 아직 구현이 되지 않은 페이지들이 있다는것을 알았다. 기획기간을 충분히 잡고 준비했다고 생각했는데도 피그마에서 생각하지 못했던 단계의 페이지도 있어서 당황스럽기도 했다. 프로젝트의 주요 기능에 무리가 없는 페이지는 빼고 필요한 페이지는 탭과 모달창에서 이어서 보여주기로 하고 내가 맡게 되었다. 프로젝트 마무리 직전에는 전체 플로우 시연을 하면서 수정할 부분에 대해 이야기하고 css를 손보면서 ..

카테고리 없음 2023.01.07

엘리스 2차 프로젝트 2주차 KPT회고

엘리스 SW Engineer 트랙 - 2차 프로젝트 2022.12.12 ~ 2022.12.30 (3주) 2주차 회고 본격적인 구현작업에 들어갔다 2주차에는 본격적으로 구현을 시작했다. 홈화면 구현하는 중 나타나는 자잘한 CSS오류들 때문에 속도가 생각보다 더뎌 나 스스로 많이 답답했는데 어느정도 테일윈드에 익숙해지고 나서는 그나마 진도를 나갈 수 있었다. 다들 각자 담당한 부분 구현에 점점 속도가 붙으면서 매일 스크럼마다 달라진 페이지를 공유하기도 했다. 홈 외에 다른 페이지구현도 하게 되었는데 목데이터로 연결할때는 잘 되던것이 api주소로 연결을 하니 불러와지지 않아서 잠시 애를 먹었다. 다행히 다른 팀원의 도움을 받아 수정을 했고 기본적인 호출 함수와 hook 사용을 잘못하고있었다는 사실을 알게 되었..

카테고리 없음 2022.12.27

엘리스 2차 프로젝트 1주차 KPT회고

엘리스 SW Engineer 트랙 - 2차 프로젝트 2022.12.12 ~ 2022.12.30 (3주) 2차 프로젝트는 1차와 달리 팀원들과 자유 주제로 웹 서비스를 구현하는 3주간의 프로젝트이다. 한 팀의 인원수도 더 많아져서 우리팀의 경우에는 프론트엔드 5명, 백엔드 2명으로 총 7명이 배정되었다. 나는 이번 2차 프로젝트가 프론트엔드로서 참여하는 첫 프로젝트였기 때문에 한명의 역할을 제대로 해내지 못하면 어쩌나 하는 약간의 우려와 동시에 그 동안 배운 리액트를 드디어 적용해볼 수 있겠다는 기대감을 담은 채 프로젝트에 임했다. 1주차 회고 에너지 가득한 팀원들! 프로젝트 팀이 정해지고 나서 첫 회의를 하고 난 뒤 팀원들이 모두 굉장히 활기차다는 느낌을 받았다. 모두 의견 제시도 적극적이고 새로운 기술..

카테고리 없음 2022.12.15

redux이해하기

주문하기 누르면 재고(state) -1 되게 하기 -> useState 컴포넌트 마다 상태를 props로 전송해야 하는 번거로움. >>>>그래서 ... 리덕스 사용 (redux tookit) 세팅 : 1. app/store.js 파일 생성 (export default store) 2. index.js 에서 최상단 컴포넌트()를 으로 묶음. ->모든 컴포넌트들이 store의 state를 사용할 수 있게 됨. Provider step1) Cake 컴포넌트 뼈대 작성 step2) cakeSlice 설정 createSlice - state 이름, 초기 state값 설정 - state값을 변경하는 action 설정 (export default cakeSlice) 또는 (store.js에 state따로, 컴포넌트에..

카테고리 없음 2022.12.11

엘리스 1차 프로젝트 KPT회고

엘리스 SW Engineer 트랙 - 1차 프로젝트 2022.12.12 ~ 2022.12.30 (3주) 엘리스에서 그동안 학습한 HTML, CSS, JavaScript, Node.js를 바탕으로 웹쇼핑몰을 만들어보는 1차 프로젝트이다. 엘리스 트랙 이전에 웹개발 강의를 듣고 웹게시판을 만들어본 적이 있는데, 그때 데이터를 목적에 맞게 관리하고 서버와 연결하는 부분에서 가장 재미를 느꼈었고 집중할 수 있었기 때문에 백엔드 개발을 목표로 하고 있었다. 하지만 이번 node.js에 대한 지식은 엘리스의 2주 과정이 전부였고 팀프로젝트에 대한 준비를 위해 강의를 추가로 찾아서 학습한 것밖에 없었기에 과연 내가 백엔드 역할을 해낼 수 있을까 하는 걱정을 하는 중이였다. 고민이 많았지만 마지막에는 일단 node과정..

카테고리 없음 2022.11.16

소수점 숫자 연산시 주의사항

컴퓨터 : 10진법 숫자 연산 -> 2진법 변환해서 이해 하고 연산 진행 -> 결과를 다시 10진법으로 바꿈. 소수점은 2진법 변환 시 숫자가 무한히 반복된다. 저장장치의 한계로 일정 자릿수에서 반올림해서 저장되기 때문에 소숫점 연산을 하게 되면 작은 오차가 존재할 수 밖에 없다. ​ 이 오차를 없애는 방법 각 숫자에 10을 곱해서 정수로 만들고 연산 한 뒤, 10을 나눈다. 소수점 연산 라이브러리 사용 반올림 사용 .toFixed() 숫자 .toFixed( 자릿수 ) --> 주의! 문자로 변환됨. 숫자로 재변환 필요 Number() 또는 parseInt(), parseFloat()

자바스크립트 2022.10.19

String(숫자)와 숫자.toString() 의 차이

멀미날 것 같은 형변환 @-@ 숫자.toString() 이 문자형으로 바꿔주는 함수인줄 알았는데 문제를 풀다보니 원래의 기능은 따로 있었고, 숫자형으로 바꿔주는 Number(숫자모양의문자)처럼 문자형으로 바꿔주는 String(숫자) 메소드가 따로 있었다. 그래서 정리 정리! String(숫자) 우선 문자로의 형변환이 목적이라면 String(숫자) 를 사용하는것이 바람직하다. 괄호속 변수가 꼭 숫자가 아니더라도 이렇게 String으로 감싸준 요소는 모두 문자형으로 변환되서 string 타입으로 바뀌게 된다. 편견없이 문자 그자체로 바꿔줌 숫자.toString() .toString() 은 원래 진법을 바꿔주는 메소드다. 알고리즘 문제를 풀다보니 이 메소드만 사용하면 진법변환은 끝난다는것을 알게 됐다. 괄호 ..

고군분투 2022.10.12