전체 글 85

5월 30일 TIL - (개인프로젝트) api로 받아온 정보를 html에 넣기

개인프로젝트를 진행하던 중 1. 영화정보 api를 받아와서 2. 필요한 정보만 빼내 객체로 만들고 3. 배열에다가 넣으려고 했다 3번까지 잘 했지만 배열에서 인덱스 값으로 내부 정보를 빼려고 하니 undifined가 나왔다 class movieCard { // title(제목), overview(내용 요약), poster_path(포스터 이미지 경로), vote_average(평점), id(영화식별값) constructor(title, overview, poster_path, vote_average, id) { this.title = title; this.overview = overview; this.poster_path = poster_path; this.vote_average = vote_averag..

TIL 2023.05.30

5월 4주차 회고 - 2

잘한 것은 무엇인가? 자바스크립트 문종반 강의를 열심히 들은 것.. !! 자바스크립트를 올 초에 한번 훑은적이 있지만 바로 정처기 준비한다고 그냥 손 놓고 이제 다시 보는 건데 생각보다 기억이 많이 남아있어서 진도빼는데 수월했던것 같다. 저녁 9시 이후로도 수강생분들이랑 게더 남아서 서로 알고리즘 문제풀이 도와주기도 하고, 아 나도 이제 코테 준비 시작했다. 프로그래머스 웹에서 하루에 1~2개씩 풀고 있는데 아직 레벨 1 푸는 중.. 내가 쓴 코드 말고도 다른사람의 코드를 볼 수 있어 한번씩 보는데 남의 코드 보는 법도 늘려야겠다고 생각을 했다. 꾸준히 코테 준비해야지! 잘못한 것은 무엇인가? 주말에 공부를 많이 못한것 주말동안 너무 신나게 놀아버렸다.. 스트레스 다 풀었으니 담주부터 다시 열심히 달릴 ..

WIL 2023.05.29

5월 26일 TIL - reduce()

자연수 n 의 자릿수를 모두 다 더하고 리턴해보기 알고리즘 문제를 풀다 막히고 해결한 것들. 문제 접근 방식을 1. 입력받은 자연수의 길이만큼 반복문을 돌면서 2. 일의 자릿수 빼내오고 3. 일의 자릿수의 숫자를 날려서 십의 자릿수 이상의 숫자들을 자릿수 다운그레이드 시키기 로 세워보았다. function solution(n) { var answer = 0; while (n > 0) { answer = (n % 10) + answer; n /= 10; } return answer; } console.log(solution(2345)); 2345의 자릿수를 다 더하는 코드를 만들어서 출력하니 이렇게 말도안되는 숫자가 나왔다.. 알고보니 / 연산을 하면 몫만 출력이 된다고 착각을 했었다. % 연산자는 나머지..

TIL 2023.05.26

5월 25일 TIL

https://school.programmers.co.kr/learn/courses/30/lessons/12915 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 위 알고리즘 문제 풀다가 오류난 것 정리. 위 문제에 접근 순서를 1. 입력받은 문자열들을 for 문 돌면서 가져오고 + 해당 문자열의 n번째 인덱스 문자를 젤 앞으로 붙히기 2. for 문을 나온 배열들을 사전순 정렬 3. for 문을 돌면서 1번에서 진행했던, 문자열마다 젤 앞에 추가했던 n번째 인덱스 문자를 제거하기 로 정했다. function solution(strings, n) { for..

TIL 2023.05.25

5월 24일 TIL

자바스크립트 문종반 3주차 과제를 풀다 막혔던 부분들 적어보겠습니다 ~~ 문제 //가장 아래의 코드가 실행 되었을 때, “Passed ~” 가 출력되도록 getAge 함수를 채워주세요 var user = { name: "john", age: 20, } var getAged = function (user, passedTime) { // 여기를 작성해 주세요! } var agedUser = getAged(user, 6); var agedUserMustBeDifferentFromUser = function (user1, user2) { if (!user2) { console.log("Failed! user2 doesn't exist!"); } else if (user1 !== user2) { console.l..

TIL 2023.05.25

5월 23일 TIL

문자열 s에 'p'의 개수와 'y'의 개수를 비교해 (대소문자 구별 안함) 같으면 True, 다르면 False를, 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴하는 코드를 작성 중에 난 오류를 적어보겠다. 우선 입력받은 문자열을 배열로 바꾸어 인덱스 값을 for문으로 돌면서 비교해보려고 했다. let str_s = s.split(); //s는 입력받은 문자열 for (let i = 0; i < s.length; i++) { if (str_s[i] == "P" || str_s[i] == "p") { p_num++; } if (str_s[i] == "Y" || str_s[i] == "y") { y_num++; } } 입력받은 문자열을 배열로 바꾸려고 spilt() 메소드를 사용했는데, 여기 ..

TIL 2023.05.24

조건부 실행, 삼항 연산자와 단축 평가

1. 조건부 실행 let x = 100; if(x>0){ console.log("x는 양수입니다.") } 위의 코드를 아래처럼 사용할 수 있습니다. let x = 100; (x > 0) && console.log("x는 양수입니다."); 위의 예제에서는 조건부 실행을 사용하여 변수 x가 양수인 경우에만 "x는 양수입니다."라는 메시지를 출력합니다. && 연산자를 사용하여 조건부 실행을 할 수 있습니다. 2. 삼항 연산자와 단축 평가 let x; let y = x || 10; console.log(y); // 10 위의 예제에서는 삼항 연산자를 사용하여 변수 x가 undifined인 경우 기본값으로 10을 사용합니다. || 연산자를 사용하여 단축 평가(short-circuit evaluation)를 할 수..

javascript 2023.05.22

암시적 형변환

자바스크립트는 다양한 자료형들을 서로 형변환 할 수 있습니다. 1. + (더하기 연산자)의 문자열 변환 문자열+숫자, 문자열+boolean, 문자열+객체 등 아래와 같이 문자열이 더하기연산자와 만나 다른 자료형과 만난다면 다른 자료형을 문자열로 변환한 후 연산을 수행하고 반환합니다. console.log(1 + "2"); // "12" console.log("1" + true); // "1true" console.log("1" + {}); // "1[object Object]" console.log("1" + null); // "1null" console.log("1" + undefined); // "1undefined" 2. 더하기 연산자(+) 외의 -, * 등의 연산자의 형변환은 숫자가 우선시 con..

javascript 2023.05.22

5월 3주차 회고 -1

잘한 것은 무엇인가? 하루종일 코딩에 몰입한 적이 처음인 것 같다. 웹종반 강의를 완강하지 않은 상태에서 미니프로젝트에 들어간거라, 플젝에서 내가 맡은 부분과 웹종반 완강 두개 다 진행해야 했기 때문에 뒤쳐져 있다는 느낌을 받을때 마다 힘들었지만 결국 플젝도 마무리했고 (거의 얹혀가는 수준이였지만..) 웹종반도 완강을 했다. 플젝을 하면서 내가 큰 역할을 하지 못한다는 점이 좌절을 앉겼다. 하지만 좌절에서 그치지 않고 조금씩 더 나은 나를 만드려고 노력했다는 점에서 이번주를 잘 이겨낸 것 같다. 잘못한 것은 무엇인가? 9 to 9 모든 시간을 완전히 몰입하지 못한 것 같다. 12시간동안 컴퓨터 앞에 앉아있었고, 9시 이후가 되어도 오류때문에 계속 무언갈 했지만 과연 내가 12시간동안 완전한 몰입을 했을까..

WIL 2023.05.21