jiwondev.log

[프로그래머스 Lv. 0] 인덱스 바꾸기

2023.06.25

프로그래머스 알고리즘 풀이 사용 언어 자바스크립트 JavaScript JS 1. 프로그래머스 Lv. 0 인덱스 바꾸기 1) 문제 설명 문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_string에서 인덱스 num1과 인덱스 num2에 해당하는 문자를 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요. 2) 제한 사항 1

💻 Programming/JS, TS

[JavaScript] 자바스크립트로 크리스마스까지 남은 시간 계산하기

2023.06.21

나는 개인적으로 크리스마스의 분위기와 무드를 매우 매우 좋아하는 사람이다. 아직 한여름도 채 오지 않았지만, 자바스크립트를 이용하여 올해 크리스마스까지 남은 시간을 계산해 보자! 1. JavaScript를 사용하여 크리스마스까지 남은 시간 계산하기 먼저 HTML을 간단하게 작성하고, 자바스크립트 코드를 작성해봤음! 자바스크립트 코드블럭 내에 순서 단계를 주석으로 적어두었고, 자세한 설명은 코드블럭 하단에서 풀어서 적어보려고 한다. Santa is coming! // 1) 시간을 표시할 HTML 요소 지정 const countdownClock = document.querySelector(".countdown"); // 2) 함수 작성하기 const waitingXmas = () => { // (1) 오늘 ..

💻 Programming/JS, TS

[JavaScript] var, let, const

2023.06.20

1. 변수란? 1) 정의 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 기억하고 싶은 데이터 값을 메모리에 저장하고, 저장된 데이터 값을 재사용하기 위해 사용 식별자: 변수의 이름을 '식별자(identifier)'라고도 하는데, 식별자는 값 자체가 아닌 값을 저장하고 있는 메모리 주소를 기억한다. 식별자는 변수명에 국한된 개념이 아니고, 변수, 함수, 클래스 등의 이름은 모두 식별자라고 할 수 있다. 2) 변수의 생성 3단계 - 선언, 초기화, 할당 (1) 변수 선언 변수 선언이란 변수를 생성하는 것, 즉 값을 저장하기 위해 메모리 공간을 확보하고 변수명과 확보된 메모리 공간의 주소를 연결해서 값을 저장할 수 있도록 준비하는 것을 말한다. 변수를 선언..

🖊️ 일기/일상기록

가오갤3, GPT는 내 노예..아니 친구(^^)

2023.06.01

블로그 이름 (Feat. chatGPT) 이전에 한창 네이버 블로그 했었을 때도 블로그 이름이 '어쩌고저쩌고_log' 였는데, 창의력을 발휘하지 못한 채 티스토리 블로그 이름조차도 jiwon.log로 지어둔 게 뭔가 못내 아쉬웠었다. 그러던 중에 요즘 나와 가장 많이 대화하는 친구이자 선생님이자 부하(^^)이자.. 무튼 여러모로 나를 많이 도와주고 있는 챗GPT한테 '블로그 이름을 추천해 달라고 하면 어떨까?' 생각이 스쳐 지나갔다. 그 결과는.. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 너무나도 GPT 스러운 이름들이라 보자마자 웃음이 빵 터졌다.. 그래도 '새벽', '발자취'와 같은 뭔가 낭만 있는 단어 선택은 마음에 들었는데 '브라우저 향기'는 좀..^^; 쨌든 참고해서 한번 다시 고민해 보는 걸로.. 가디언즈..

✍️ What I Learned/TIL

[WIL] Week 2 회고

2023.05.29

20230522 - 20230526 Week 2 자바스크립트 문법 개강 후 정신없는 한 주가 지나갔다.. 수업부터 첫 개인 과제 발제까지 😱 매일매일 TIL을 쓰고 싶었는데 강의 보고 부족한 부분 좀 찾아보고 하다보니(딴 짓을 그렇게 많이 한 것도 아닌데) 새벽 12시, 1시가 뚝딱 되어있더라.. 그날 그날 정리하고 싶은데 공부를 막 시작하는 단계라 한꺼번에 지식이 쏟아져 들어오니 정리가 쉽지 않았다. 앞으로 공부하면서 이해가 잘 가지 않거나, 헷갈리는 개념 등 특별히 정리가 필요하다고 느껴지는 내용은 따로 정리할 계획이다. 개인과제1 개요 1. 순수 바닐라 자바스크립트만으로 영화 리스트 조회 및 검색 UI 구현 2. 학습해온 자바스크립트 문법을 최대한 활용 3. 스타일링 작업하며 css와 친해지기 1...

✍️ What I Learned/TIL

[TIL] 20230523 Day 9 - 문자열 연습, 반복문과 조건문 연습

2023.05.23

오늘 강의 키워드 ECMAScript 6(ES6) 문법, 일급객체로서의 함수, Map과 Set 프로그래머스 문제 풀이 문자열 연습하기 ❓ 문제 설명 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. ❗ 제한사항 - 문자열 s의 길이 : 50 이하의 자연수 - 문자열 s는 알파벳으로만 이루어져 있습니다. 어제 고민했던 1주차 문자열 연습문제..

✍️ What I Learned/TIL

[TIL] 20230522 Day 8 - JavaScript 수업 시작

2023.05.23

📌 오늘 강의 키워드 변수와 상수, 데이터 타입, 형 변환, 연산자, 함수, 조건문, 반복문, 객체와 객체 메소드, 배열과 배열 메소드 📌 강의 들으면서 내가 실수한 것 & 놓친 부분 💡 0부터 10까지의 수 중 2의 배수만 console.log로 출력하도록 작성 for ( let i = 0; i 0 ) { if ( i % 2 = 0 ) { console.log(i); } } } 위의 for문을 작성했는데 자꾸 아래와 같은 에러가 발생하면서 console.log가 제대로 출력되지 않았다. if ( i % 2 = 0 ) { ^^^^^ SyntaxError: Invalid left-hand side in assignment 그래서 무엇이 문제인가 자세히 봤더니 i % 2와 0을 비교하는 연산자를 ===가 아..

✍️ What I Learned/TIL

[WIL] Week 1 회고

2023.05.22

20230515 - 20230519 Week 1 5/21 일요일 정보처리기사 필기 시험 준비하느라 금~일요일이 정신없이 지나가서 이제서야 첫째 주 회고록을 쓴다. 심지어 토요일에 생일이었는데.. 생일 날 놀지도 못하고 벼락치기 공부 😂 일요일에 시험 끝나고 좀 쉬다가 나가서 맛있는 것도 먹고.. 푹 쉬느라고 한 박자.. 아니 네 박자 늦게 작성하는 WIL ✏️ 이번 한 주동안 미니프로젝트하면서 느낀 점 KPT로 정리 Keep 팀원들 모두 연락이 잘 됐고 전반적으로 약속 시간이 잘 지켜진 점 모르겠는 것/원하는 것을 주저하지 않고 말하는 태도 부족한 부분을 자세히 알려주고 피드백해준 것 Problem 첫 주차라서 깃에 대한 이해와 사용법이 아직은 미숙했던 점 CRUD를 고려해서 API 구현을 해보지 못한 ..

💻 Programming/HTML, CSS

[HTML] 웹 문서의 기본 구조: header, main, footer

2023.05.19

메뉴 1 메뉴 2 메뉴 3 h1는 가장 중요한 제목으로 페이지에 1개만 사용할 것 중간을 빼먹지 않고 순차적으로 사용할 것 글씨 크기를 조정하는 용도로 사용하지 않는다 부차적, 보완적 영역 웹페이지의 하단

✍️ What I Learned/TIL

[TIL] 20230516 Day 2 - 미니 프로젝트 킵고잉

2023.05.16

1. 개인페이지를 구현하면서 배운 것 src에 경로를 입력할 때 상대경로로 입력할 것: 상대경로가 아닌 절대경로로 입력하면 VS Code에서 Open with Live Server 기능을 활용하여 파일을 보면 잘 작동하지만, 그냥 폴더에서 더블클릭해서 html 파일을 열면 작동하지 않았다. 어떻게 보면 정말 사소한 것인데 이런 것도 직접 페이지를 만들어보면서 배웠다. 로컬 파일들을 GIT 리포지토리에 푸시하기: 어제 튜터님께서 우리 팀에 피드백해주신 내용 중 GIT을 꼭 써보라는 항목이 있어서, 피드백을 반영하여 팀원들이 모여서 천천히 해보기로 했다. 다행히 팀원 분 중에 사용법을 잘 아는 분이 계셔서 화면공유 하면서 차근차근 직접 해보니 좀 더 이해가 됐다. 💡 깃이 관리하는 세 개의 공간 - 작업 디..

전체 글

[프로그래머스 Lv. 0] 인덱스 바꾸기

[JavaScript] 자바스크립트로 크리스마스까지 남은 시간 계산하기

[JavaScript] var, let, const

가오갤3, GPT는 내 노예..아니 친구(^^)

[WIL] Week 2 회고

[TIL] 20230523 Day 9 - 문자열 연습, 반복문과 조건문 연습

[TIL] 20230522 Day 8 - JavaScript 수업 시작

[WIL] Week 1 회고

[HTML] 웹 문서의 기본 구조: header, main, footer

[TIL] 20230516 Day 2 - 미니 프로젝트 킵고잉

티스토리툴바