모르면 배우면 된다

백준 2525 번 오븐시계 const ovenTime = (hh, mm, time) => { //time을 60으로 나눈 몫quotient과 나머지remainder를 구하기 //mm에다가 remainder 더하기. //1) mm+remainder > 60일 때, remainder = mm+remainder -60 하고, quotient에 +1 //2) mm+remainder =24면, hh = 0 //input 값 유효성검사 if(time=1000){ return 0; } if(!(0hh)){ return 0 ; } if(!(0mm)){ return ; } let HH = hh+ Math.floor(time/60); let MM = mm..

웰컴! 저의 개발쑈에 오신 것을 환영합니다. 개발자로 커리어를 시작한 지 약 1년이 되어갑니다.그동안 저는 두 개의 팀을 겪었는데요. 정말 파란만장한 경험들을 했습니다.업무 스타일, 코딩방식, 도메인 지식까지 전부 다른 두 팀을 경험한 신입개발자의 눈부신(?) 성장이 담긴 회고를 재밌게 감상해주시면 감사하겠습니다. ~개발인생 1막~ [입사 전 실력]국비 학원 6개월 수료 HTML + CSS + JavaScript + SpringBoot + MyBatis로 게시판 만들 정도. [입사 ~ 2022.05]맡은 업무 : A 서비스 화면 프론트 개발, 백엔드 CRUD, 리포트 제작사용 기술 : React, JavaScript ES6, MySQL성과 : 6개 화면 제작 및 관리, 리포트 5개 제작 및 관리 아래 리..

don't Hate Cats 작업을 하면서 배우는 기술이나 트러블슈팅을 기록하는 게시물. 1. 언제 api를 호출할 것인가? 1) 입장 버튼을 클릭할 때 api를 호출해서 return 값을 받아온 뒤, 화면 이동? how? 2. react-router-dom이 필요한가? 화면 이동이 거의 없는 상황에서? 생각해 보니, router까지 필요하진 않은 거 같음. router 제거하고, a 태그로 그냥 해도 될 거 같은데. ㅋㅋ 3. api 불러올 때 useEffect 안 되던 문제는 강의 118번 참조. 이렇게 하면 되겠네! https://velog.io/@ckvelog/data-fetch-before-render 4. 폰트 https://noonnu.cc/font_page/242 렌더링되기 전에 데이터를 ..

[프로젝트 목표] - 고양이 n번방 등 동물학대 경각심 주기 - 트위터 친구들에게 재미 주기 [프로젝트를 하게 된 기술적 이유] 회사에서 배운 리액트 기술을 적용해보기 위해. 처음부터 리액트 웹을 만들어보기 위해. css 학습을 위해 [사용기술] - React - styled-components - TypeScript 학습 이후 TS로 변경할 계획도 있음. [디자인 콘셉트] 원래 공포게임 분위기로 가보려고 했는데, 누군가에게 공포감을 주고 싶지 않아서 끝까지 귀여운 콘셉트를 하기로. 스타듀밸리 등 원래 도트 게임을 좋아해서 도트 콘셉트 차용. [API] TheCatsApi https://docs.thecatapi.com/ [기간] 2022-07-01~2022-07-31 목표 [중점사항] - 반응형 CSS..

🎖읽게 된 이유 최근 이런 고민이 있었습니다. '구현에만 초점을 맞추고 일하는 것 같다. 더 나은 코드에 대한 고민이 부족하다. 개발자로서 이게 맞나?' 그런 차에, 트친이 '실용주의 프로그래머' 독서 스터디를 제안했습니다. 워낙 유명한 책이고, 지금 고민하는 문제의 답을 구할 수 있을까 싶어 함께 읽기 시작했습니다. 📗이 책을 읽는 법 솔직히 쉬운 책은 아니었습니다. 문장도 쉽지 않고, 한자 + 영어 + 개발용어 콜라보레이션이 머릿속을 어지럽힙니다. 거기다 예시 코드도 해석해야 합니다. 이해가 잘 가지 않는 챕터도 꽤 있습니다. 그저 책을 덮어버리고 라면이나 먹으러 가고 싶어집니다. 그럴 때는 그냥 넘기고 다음 챕터를 읽는 것을 추천합니다. 나중에 또 보면 이해될 수도 있잖아요. 그리고 모든 문장 하나..

ALIAS SELECT에서 사용. 열의 별칭을 지정. HAVING, WHERE 절에서 ALIAS 사용 불가. ALIAS는 맨 마지막에 붙여지므로, 조건 구문들이 ALIAS를 인식할 수 없음 SELECT AGE AS PP_AGE FROM PEOPLE WHERE PP_AGE > 100; -> UNKNOWN 에러 뜸 SELECT AGE AS PP_AGE FROM PEOPLE WHRER AGE >10; -> 정상 PEOPLE 회원명단 ID NAME 1 ANN 2 EMILY 3 JOSH PARTY 파티 참석자 ID NAME 1 EMILY 2 BILL 3 MJ INNER JOIN 테이블 A와 테이블 B가 모두가 가진 공통 데이터를 뽑아냄. A∩B 공통 데이터의 모든 열을 SELECT 하기 때문에, 중복된 열이 나타..

자료구조 예시 const arr = [ { a : 'apple', b : 'apple', c : 'carrot', d : 'donut', }, { a : 'apple', b : 'apple', c : 'apple', d : 'apple', }, { a : 'apple', b : 'banana', c : 'apple', d : 'donut', }, { a : 'apple', b : 'donut', c : 'apple', d : 'donut', }, ] 배열 안 객체에서, value의 중복값을 찾아, 하나만 남겨두고 나머지는 value를 '' 처리하도록

함수 선언문 vs 표현식 함수 선언문 : 괄호 안에 함수를 만드는 것 . 함수 표현식 : 함수를 하나의 ‘값’으로 취급하는 것. JS는 함수도 하나의 값으로 취급할 수 있다. 변수를 하나 만들어서 함수를 할당하는 것. 변수에 함수를 할당하는 점에서 다른 언어의 변수 활용 방식과 많이 다름 다른 변수에 할당도 될까? → YES //함수 표현식!!! let byunsu = function hamsu(){ alert('유명함수') }; let byunsu2 = function(){ alert('무명함수'); } //함수호출 byunsu(); -> 변수를 호출. 괄호 닫아주기 //함수 내용 그대로 출력 byunsu; //function hamsu(){~~~가 출력됨 //비정상함수호출 hamsu(); -> 할당한..

객체 JS는 객체 기반 언어. 객체를 만들어 사용할 수 있다는 말. 전통적인 OOP랑은 다르나, 점점 닮아가는 중. Java와 점점 닮아가고 있다. 객체 : 여러 가지 자료 형태의 데이터를 복합적으로 모아서 정의하는 데이터 타입. 숫자, 배열, String 등등등 객체 분류 내장 객체 : 언어 자체가 제공하는 객체. 브라우저 환경에 관계 없이 일관된 결과 기대할 수 있음. ex. String, Date, RegExp, Math BOM 객체 : 브라우저에 내장된 객체 ? DOM 객체 : 문서의 구조를 읽기 위한 객체 ? 사용자 정의 객체 : 사용자가 직접 정의해 사용하는 객체. 원시형 vs 객체형 원시형 : 오직 하나의 데이터만 담을 수 있다. ex. int i = 0; 객체형 : 여러 가지 형태의 데이터..

여러 테이블에서 가져온 데이터를 한 ROW로 묶으려면 어떻게 해야 할까? 오늘 분석한 쿼리를 정리해보자. 물론 각색한 버전이라 정확한 예시는 아님. 해당 쿼리 미션 : 센터별 업무 처리 건수를 조회해오기. 업무 현황은 처리 / 미처리로 나뉜다. 문제 1) 처리 / 미처리는 각각 참조하는 테이블이 다르며 조건도 다르다. 2) 특정 날짜에 처리 / 미처리된 건수를 센터별로 조회해와야 한다. 즉 '센터' 컬럼을 기준으로 SUM이 필요함. 3) '센터' 컬럼 기준으로 그룹화해 처리/ 미처리를 한번에 보여줘야 한다. 센터는 총 n00개... 이 쿼리는 이런 식으로 문제를 해결했다. 1) 처리 / 미처리 각각 SELECT문을 만든다. 이때, WHERE 절에 검색 날짜 조건을 넣고, '센터'를 기준으로 GROUP B..