하루 한 걸음, 개발 블로그

🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 동적 타입 - JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어입니다. JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능합니다. let foo = 42 // foo가 숫자 foo = 'bar' // foo가 이제 문자열 foo = true // foo가 이제 불리언 2. JavaScript 형변환(type conversion) : 함수와 연산자에 전달되는 값이 적절한 자료형으로 자동 변환되는 과정 문자형으로 변환 은 무언가를 출력할 때 주로 일어납니다. Str..

⭐️ TROUBLE SHOOTING 1. 문제: 콘텐츠 한 줄 평 show_comment()함수로 ajax콜 GET타입으로 받아도 화면에 출력 안 됐음. 해결: url을 /main이 아니라 api/main이라고 명확하게 적으니 출력됨. 2. 문제: Ott platform 버튼을 클릭할 때마다 버튼의 글자(Netflix, Wavve, What를 가져오려고 했다. javascript onclick으로 tempHtml 함수를 사용하니 텍스트가 출력되는 것은 console.log()로 확인이 됐다. 그런데 db에 저장하지 않으면 새로고침시 데이터가 날라갔다. ajax콜로 db에 저장을 시키니 데이터가 저장은 되는데 undefined로 나왔다. 나는 계속 '버튼 안의 글자를 저장해야해'라고만 생각해서 문제를 해결..

우리 팀 풀스텍미니프로젝트가 성공적으로 끝나서 배포가 되었다. 내일은 다같이 코드리뷰를 하고 발표준비를 할 예정이다. 나는 정말 조별과제 버스 무임승차다ㅠㅠㅠㅠ 하..솔직히 프로젝트 시작하고 이틀째에는 항해를 그만두고 혼자 공부를 더 하고 와야하는게 아닌가 상담을 받을까 진심으로 고민했다. 프로젝트가 있어도 내가 어떤 역할을 했는지가 결국 중요할 텐데 나는 정말 아무것도 아니었다. 팀원분들이 정말 멱살잡고 끌고가셔서 완성할 수 있었다. 모두 팀원분들의 덕분이다ㅠㅠ 이런 나에게 친절하게 모르는 거 설명해줄테니 물어보라고 하셨다 감동... 셋째날이 오늘 16일이다. 매번 새벽에 쓰니 날짜가 헷갈린다. 다른 분들은 꼼꼼 촘촘하게 로그인 회원가입 기능과 로그인 유효성 검사같은 부분의 코드들을 쓰며 TIL을 쓰고..

Callback function 1. forEach() 배열 내부 요소를 사용해서 콜백 함수를 호출 function(value, index, array){ } 2. map() 콜백함수에서 리턴한 값들을 기반으로 새로운 배열을 만듦 arr.map(callback(currentValue[, index[, array]])[, thisArg]) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map Array.prototype.map() - JavaScript | MDN map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. developer.mozi..

👊🏻 오늘 한 일 운동, 방 청소, 집안일 등 [혼자 공부하는 자바스크립트] Ch5 함수 5-1, 5-2 일부 😲 오늘 느낀 점 하루 이틀 공부할 거 아니고 앞으로 2월까지 쭉 달려야 하는데 이번 주 초반에 너무 무리했다. 새벽 늦게 공부하니 아무리 잠을 참아도 다음 날에 지장이 가고 결국 몰아서 자버렸었다. 일찍 자고 일찍 일어나는 습관을 가질 수 있게 계속 노력해야겠다. 6시 30분에 일어나서 운동을 하고 8시쯤 씻고 8시 30분에 아침을 먹고 9시부터 공부, 새벽 1시 ~ 1시 30분 사이에 잘 수 있게 생활 패턴을 바꾸자! 내가 제일 부족한데 팀장을 맡아 당황스러웠지만 더 노력하라는 뜻이라고 생각했다. 팀장이면서 팀원분들께 뭐를 가르쳐 드리지도 못하고 도움을 드리지 못한 것 같아 미안했다. 그런데..

📗 [혼자 공부하는 자바스크립트] Ch5 ✔ 숫자를 계산해서 출력할 때 함수 형태 function 함수(매개변수){ let output = 초갓값 처리하는 구문 return output } ✔ 가변 매개변수 함수 - 나머지 매개변수 function 함수이름(...나머지 매개변수){ } //나머지 매개변수와 일반 매개변수 조합 function 함수이름(매개변수, 매개변수, ...나머지 매개변수){ } 매개변수의 개수가 고정되엉 있지 않은, 가변 함수 - 나머지 매개변수를 활용해서 만든다 ✔ 전개 연산자 배열을 함수의 '매개변수'로써 전개하고 싶을 때 사용 함수 이름(...배열) ✔ 기본 매개변수 함수 이름(매개변수, 매개변수=기본값, 매개변수=기본값) 매개변수에 기본값이 들어가게 하고 싶을 때 사용하는 매..

👊🏻 오늘 한 일 1시 ~ 5시 : Git 강의 1~3주차 듣기 6시 ~ 8시 : merge된 원격 repo 파일 내 컴퓨터로 가져오기 8시 ~ 10시 반? 기술매니저님 이야기 듣기 11시 ~ 3시 반: 토이프로젝트 회의, 러프 디자인 수정, [혼자 공부하는 자바스크립트] Ch 5-1 읽기(문제 풀기X), TIL쓰기, 네이버 일기 쓰기 😲 오늘 느낀 점 조금 자신이 없어질 뻔 했다. 새벽까지 이렇게 해도 정말 개발자가 될 수 있을까? 열심히 하면 1인의 몫을 할 수 있을까? 민폐 덩어리가 되는 거 아닐까? 나는 바보 멍청이 같다... 휴대폰 알람을 끄고 늦잠을 잤다. 눈을 뜨니 12시였다...😭 하...일찍 자고 일찍 일어나야 하는데 벌써 3시 20분이다. 일찍 자는 건 이미 글렀으니 일찍 일어나려고 시..

📗 [혼자 공부하는 자바스크립트] Ch4 Re) KEYWORD : 삼항 연산자, 논리합 연산자 || , 논리곱 연산자 && 1. 배열 - splice( ) 배열.splice(인덱스, 제거할 요소의 개수) : 배열의 몇 번째 인덱스로부터 몇 개의 요소 제거 - indexOf( ) 배열 내부 요소가 있는 경우 index 리턴 ↔ 배열 내부 요소가 없는 경우 -1 리턴 ▶ 값으로 하나의 요소 제거 const fruits = ['사과', '배', '바나나'] //배열 const index = fruits.indexOf('바나나') //배열 내부 특정 값의 위치 찾기 fruits.splice(index, 1) //splice()메소드로 제거하기 console.log(fruits) //(2) ['사과', '배'] ..

👊 오늘 한 일 입학시험 치기 가슴 어깨 팔 웨이트 & 스트레칭 B반 동기분들과 수다떨기 막간을 이용해 사천 짜파게티와 카레 먹기 오늘은 하루 휴가? 미니 게임해서 치킨 받았음 Git 강의 1-3 까지 듣다가 졸려하기 갑자기 토이프로젝트 결심?! Git 브런치 만들어보기 Pigma 써보기 - 워크플로우, 러프 디자인 😲 오늘 느낀 점 갑자기 당황스러운 문제를 만났을 땐 구글링으로 빠르게 방법을 찾자! purseInt( ) 이 고마운 너란 함수 안 까먹을게 사람 없는 오후에 운동하는 거 좋다!!! 더 단백 커피맛 맛있다. 내 작고 소중한 근육들 절대 지켜! 낯가려서 뚝딱거리는 나에게 말을 걸어준 고마운 사람들! 동기들이랑 친해져서 좋았다ㅎㅎ 매운 거 좋아~ 먹는 것도 좋아~~ 개발자가 되면 나는 집에서 오..

📗 [혼자 공부하는 자바스크립트] Ch3 ㅇ 조건문 사용하는 문제인데 배열로 풀었음 -제일 재밌었던 문제 새 프로젝트 배포 1. Git Bash켜서 계속 돌아가고 있던 거 강제 종료 2. 파일질라에서 기존 파일들 삭제하고 새 파일들 추가 (templates, static, app.py) 3. Git Bash에서 ls로 현재 위치를 보니 내 컴퓨터 공간에 있었다. 그래서 cd Desktop, cd sparta, cd projects, cd bucket으로 들어갔다. 서버 계속 돌리기 명령어 입력 😲 오늘 느낀 점 직접 코드를 쓰면서 문제를 푸는 게 재밌었다. 다른 방법으로 값을 불러오는 코드 설명을 들었는데 신기했다. og 이미지가 안 떠서 몇 시간 동안 끙끙거렸는데 파일을 잘못 올린 거였다. [ 서버 종..