본문 바로가기

2. 우당탕탕 개발자111

2021.7.26 TIL 대문자 -> 소문자 치환, 중간 문자 출력 문제) 대문자 -> 소문자로, 소문자 -> 대문자로 function change(str) { let answer; // code here; return answer; }; 해답 1) function change(str) { let answer = ''; for (let el of str) { if(el === el.toUpperCase()) { answer += el.toLowerCase(); } else { answer += el.toUpperCase(); } }; return answer; }; 해답 2) 아스키코드 이용 대문자 65 ~ 92, 소문자 97 ~ 122 인 것에서 착안. 'A'.charCodeAt()은 65, 'a'.charCodeAt()은 97 즉, 차가 32임을 이용한다. funct.. 2021. 7. 26.
2021.7.25 TIL (문자열 치환, 대문자 개수 파악 알고리즘) 문제 ) 'A'를 '#'으로 변환한 문자열을 출력 할 것 function changeSharp (str) { let answer; // code here return answer; } 해답 1 ) function changeSharp (str) { let answer = ''; for(let el of str) { //문자도 for...of~ 구문을 쓸 수 있다 if (el === 'A') { answer += '#'; } else { answer += el; } }; return answer; } 해답 2) function changeSharp (str) { let answer = str; answer = answer.replace(/A/g, '#'); // g가 없을 경우 A가 여러 개 있어도 첫 번.. 2021. 7. 26.
2021.7.23 TIL (일곱난쟁이 알고리즘 해답) 일곱 난쟁이 문제 백설공주의 일곱 난쟁이 키의 합은 100이다. 갑자기 9명의 난쟁이가 서로를 백설공주의 난쟁이라 주장하고 있는 상황. 7명의 난쟁이를 키의 순서대로 나열한 배열을 출력할 것. 답이 여러 개 일 경우, 하나의 배열만 출력하면 된다. 예시 ) let numbers = [20, 7, 23, 19, 10, 15, 25, 8, 13]; // expected = [20, 7, 23, 19, 10, 8, 13]; 문제 ) function findMyDwarfs(numbers) { let answer; // solution here return answer; } 나의 답 ) 1. 난쟁이들의 키의 합을 모두 더한 후, 2명 거짓말쟁이들의 키의 합을 알아낸다. 2. 난쟁이들을 한 명씩 키를 돌아가며, 거.. 2021. 7. 23.
2021.7.22 TIL 반응형 웹사이트 포트폴리오 강의 완강 3주간 들었던 인프런, 코딩웍스의 반응형 웹사이트 포트폴리오 강의를 완강했다🎉 HTML과 CSS에 대한 체계적인 지식이 없는 상태에서 하나의 페이지를 구성하기 위해 했던 수많은 삽질들이여 안녕~~!! Instagram web clone 했을 때 CSS에 대한 제대로 된 지식이 없어서 얼마나 애를 먹었는지 모른다. 해당 반응형 웹사이트 포트폴리오 강의는 웹 퍼블리셔를 위한 강의라고 하셨는데, CSS가 부족한 나도 많은 도움을 얻은 강의였다. 강의에서 제일 좋았던 점은, 먼저 구조도를 설명해주고 -> CSS로 들어가는 구성이었다. 강의 처음에 들었을 때 구조도를 html로 짜는 부분은 스킵하는 식으로 봤는데, 한번 제대로 보고 나서 따라했을 때 속도가 빨라지는 것을 경험하고는 이부분을 놓치지 않고 보게 되었.. 2021. 7. 22.
Docker를 이용해서 React.js를 배포하기 1 인프런의 따라하며 배우는 도커와 CI환경을 듣고 있다고 지난 포스팅에서 언급했는데요. 도커도 처음부터 끝까지 제대로 배우려면 그 엄청난 양으로 우리를 압도합니다. 해당 강의는 초보자를 위한 강의 답게 실제로 쓰이는 필수적인 내용들만 간추려서 예제와 함께 따라 배우는 거라 이해도 쉽습니다. 강추....! Dockerfile.dev 개발환경에서 사용하는 도커 파일은 Dockerfile 끝에 .dev를 덧붙여줍니다. Dockerfile과 마찬가지로 안에 쓰이는 구문은 같습니다만 터미널에서 해당 파일을 실행시킬 때는 다음과 같이 덧붙여줘야 합니다. -f 뒤에 Dockerfile.dev를 명시해주어 지금은 이 파일을 이용해서 이미지를 빌드해줄것이라고 알려주어야 합니다. 그렇지 않으면 Dockerfile을 찾을 것.. 2021. 7. 18.
2021.07.17 TIL 2021.06.29 - [2. 우당탕탕 개발자/2-1. 공부기록] - 2021.06.29 TIL (feat. 1- 6월의 TIL도 포함) 지난 글에서 인프런 '반응형 웹사이트 포트폴리오' 강의를 듣기 시작한다고 올렸는데, 해당 강의에서 2/3을 차지하는 'web' 부분이 오늘로서 끝났기에 포스팅한다. 프론트엔드 부분을 하며 항상 애를 먹었던 CSS부분을 예시와 강사님 강의를 들으며 따라하다 보니 재미도 느꼈고, 그동안 헷갈렸던 부분도 말끔히 정리된 느낌이다. CSS의 기본기를 탄탄히 다진 느낌이다. 간단하게 인프런 반응형 웹사이트 포트폴리오 강의 평을 해보자면, 강의는 5점 만점에 5점짜리 강의였다. 수업 자료도 풍부하고, 강의가 중구난방이 아니라 체계적으로 잘 구성되어 이해하기 쉬웠다. 다양한 예제를 .. 2021. 7. 18.