전체 글100

• 

  2024-11-05 내일배움캠프 Node.js 트랙 7일차1. ZEP에서 이루어진 자바 문법 스터디가변성과 불변성자바스크립트의 변수는 크게 기본 자료형(원시형Primitive Types)과 참조 자료형(Reference Types)으로 분류된다. 참조 데이터 타입은 데이터의 집합으로, 배열이나 객체가 대표적이다. 고정된 크기를 가지지 않고, 주소만을 가지기 때문에 동적으로 크기가 변하는 데이터를 보관할 수 있다.기본형과 참조형의 구분 기준복제의 방식a. 기본형 : 값이 담긴 주소값을 바로 복제b. 참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제불변성의 여부a. 기본형 : 불변성을 띔b. 참조형 : 불변성을 띄지 않음(1) 기본형 데이터의 할당var str;str = 'test!';  (2) 참조형 데.. 개발일지/TIL(Today I Learned) 2024. 11. 5.

• 

  2024-11-04 내일배움캠프 Node.js 트랙 6일차1. ZEP에서 이루어진 자바 문법 스터디객체를 복사하고 병합하는 방식 - Object.assign과 전개 구문객체를 복사하고 병합하는 방법에 대해 알아보자 (이 글에서는 편의상 얕은 복사에 대해서만 다루도록 하겠다.)(1) Object.assign()Object.assign() 메서드는 출처 객체들로부터 모든 열거 가능한 자체 속성을 복사해 대상 객체에 속성을 추가한다. 그 후 대상 객체를 반환한다.(출처 : MDN)) 이미 메소드에 복사 과정이 통합되어 있으므로 병합하는 과정에서 얕은 복사를 따로 진행해줄 필요는 없다.메소드의 형식은 다음과 같다.Object.assign(target, ...sources);target : 목표 객체. 출처 객체의 속성을 복사해서 .. 개발일지/TIL(Today I Learned) 2024. 11. 4.

• 10월 5주차 - FACTS: 이번 일주일 동안 있었던 일, 내가 한 일팀 소개 웹사이트 만들기 프로젝트발표 때 언급하지 못한 게 아쉬웠던 관계로, 우리 팀의 프로젝트 개발 노트를 소개하겠다.https://share.note.sx/6v48niil#inJxkJoQFbhry370suHvund6Dj4YFkUQ2k1DtkSORUM일주일 동안 이루어진 웹개발 프로젝트가 어떻게 진행되었고어떤 어려움을 겪었는지 꼼꼼히 기록해두었다.- FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌아주 솔직하게 말하자면 정말 힘들었던 일주일이다. 설계 디자인 전공을 했음에도 사실 나는 예쁘게 만드는 일에 그다지 집착하지 않기 때문이다. 디자인보단 성능을 추구하고 못생기지만 않으면 그만이라고 생각하기도 한다. 그래도 이 프로젝트가 재밌었.. 개발일지/WIL(Weekly I Learned) 2024. 11. 1.

• 

  2024-11-01 내일배움캠프 Node.js 트랙 5일차1. ZEP에서 이루어진 팀단위 프로젝트오늘은 프로젝트 발표가 있었던 날이다. 우리가 어떻게 이 프로젝트를 기획했고, 어떤 시행착오를 겪었으며, 문제를 어떠한 방식으로 극복했는지는 충분히 기록으로 남겨두었기 때문에 TIL에는 보다 학습에 관련된 내용을 정리해두려고 한다.(1) 지난 시간 복기 및 자바스크립트 개념 정리지난 시간에는 Firebase를 모듈화하는 방법에 대해 언급한 바 있다. db의 정보와 메서드를 export하는 방식으로 방명록 기능을 구현할 수 있었다. 그러나 시간에 쫓겨서 대충 그러한 게 있다는 정도로만 이해하고 넘어갔던 터라 제대로 정리해두면 좋겠다는 생각이 들었다.  자바스크립트 모듈이란?코드를 재사용이 가능한 단위로 만드는 방법이다. 이를 테면.. 개발일지/TIL(Today I Learned) 2024. 11. 1.

• 

  KPT 회고(7조) 내일배움캠프 5일차 - KPT 회고Keep - 현재 만족하고 있는 부분회의 시간을 정해두고, 빠짐없이 진행했던 점(출처 - 팀 노션) 서로의 코드 진행 상황을 활발하게 공유했던 점(출처 - 프로젝트 깃허브) (출처 - 팀 슬랙 채널) 팀원들과 부족한 지식을 서로 채워주는 멘토링 과정개개인의 개발 지식이 크게 뛰어나진 못했지만, 가지고 있던 지식을 서로 공유하는 데 적극적이었습니다.회의 시간에 코드 작성에서 겪은 어려움을 솔직하게 털어놓았고 함께 고민하는 과정을 반드시 거쳤습니다.(고민을 나누면 6분의 1!)→ 팀원 분의 생생한 사례 및 후기 Problem - 불편하게 느끼는 부분코딩 환경 설정이 낯설어서 적응하는 것이 다소 불편했습니다.(Git과 Github를 사용할 때의 어려움)초기에 업무 분담이 매끄.. 개발일지 2024. 11. 1.

• 

  2024-10-31 내일배움캠프 Node.js 트랙 4일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 지난 시간 복기지난 시간, 우리 조는 순풍에 돛을 단 것처럼 많은 기능을 넣는 데 성공했다. 이미지에 애니메이션을 넣은 팀원분도 계시고, 오디오 파일을 삽입하신 분도 계실 정도였다. // 랜덤 포켓몬을 구경해보자!$("#randomPokemon").click(function () { const ball_num = Math.floor(Math.random() * 6) + 1; loadIntro(ball_num);});내 경우엔 랜덤 포켓몬 기능을 구현해봤고, // 검색 기능!function searchPokemon() { // 검색창에 입력한 값을 변수에 저장 let searchInput = $('#s.. 개발일지/TIL(Today I Learned) 2024. 10. 31.

• 

  2024-10-30 내일배움캠프 Node.js 트랙 3일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 프로젝트 기획 및 준비지난 시간에 배운 것을 복기해보겠다. 깃과 깃허브 특강깃은 로컬 저장소에서 버전을 관리하는 도구이고, push를 통해 github라는 원격 저장소로 파일을 업로드할 수 있다.이를 사용해서 협업을 어떻게 진행해야 하는지 배울 수 있는 시간이었다.(git branch, pull request 등등…)  메인페이지를 만들고 특정 구역에 별개의 html파일을 load하는 방식으로 웹페이지를 구성하였다.// 몬스터볼을 누르면 오박사님을 새로운 html 파일로 대체하기$(".memberImage1").click(async function () { $(".drOh").load('memberIntro1.htm.. 개발일지/TIL(Today I Learned) 2024. 10. 30.

• 

  2024-10-29 내일배움캠프 Node.js 트랙 2일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 프로젝트 기획 및 준비팀 소개 프로젝트! 의 조장을 맡아 웹사이트를 이틀간 제작하고 있다.지난 시간에 만들어낸 결과물을 한번 되짚고 가겠다.  먼저 포켓몬 도감이라는 컨셉으로 프레임을 구상하였다.  부트스트랩을 통해 헤더와 사이드바를 구현하였고, 위와 같이 구역을 나누어서 콘텐츠들의 정렬하는 것까지 끝마쳤다. 이제는 본격적으로 메인 화면에 내용물을 채워 넣고 각종 메서드와 스크립트 요소를 적용해서 기능을 추가해보도록 하겠다.(2) 프로젝트 진행 과정협업을 진행하기에 앞서 조호영 튜터님의 특강을 듣게 되었다.git/github 특강> > 특강 요약clone으로 dev branch를 내려받고 feature branch를 만들.. 개발일지/TIL(Today I Learned) 2024. 10. 29.

• 

  2024-10-28 내일배움캠프 Node.js 트랙 1일차1. ZEP에서 이루어진 팀단위 프로젝트(1) 프로젝트 기획 및 준비일주일 동안 7조의 조장을 맡아, 팀을 소개하는 프로젝트인 Monster A.K.A.ive의 진행을 맡게 되었다.우선 오늘은 캔버스 위에 자유롭게 다이어그램을 이용하여 우리가 만들고자 하는 웹사이트를 구상해 보았다.  북마크로부터 시작한 브레인 스토밍의 종착지는 바로 포켓몬 도감집이라는 컨셉.우리가 스타팅 몬스터의 역할을 맡고, 사이트 방문자가 몬스터 볼 중 하나를 선택하면 포켓몬 도감처럼 각자의 소개글이 나오게끔 프로젝트의 방향을 잡았다.(2) 프로젝트 진행 과정아직은 개발에 익숙지 않은 팀원분들도 계시기에 오늘은 HTML과 CSS를 이용해 웹페이지의 뼈대만 간단히 만들어 보았다. HTML 기본 골.. 개발일지/TIL(Today I Learned) 2024. 10. 28.

• 10월 4주차 - FACTS: 이번 일주일 동안 있었던 일, 내가 한 일(1) 게임개발 스터디3주차에 HTML, CSS, JavaScript를 이용해 게임을 만들었던 것처럼, 4주차에는 C#과 유니티를 이용해서 새로운 게임 만들기에 도전해 보았다. 굳이 유니티 게임에 도전했다는 게 의아할 테지만 나름의 이유가 있었다. 정적 언어인 C#을 아주 살짝이나마 익혀보는 게 우리 팀에 도움이 될 거라고 생각했기 때문이다. 실제로 팀원 분 중엔 자바스크립트로 프로그래밍 언어에 첫 입문을 하신 분이 계시기도 했고, 자바스크립트가 가진 편의성은 어쩌면 다른 언어를 알고 있을 때 체감이 될 때가 많다고 생각한다. 하여간 이유는 각설하고 어떤 공부를 했는지, 설명하도록 하겠다. 저번주차와 마찬가지로 든든한 바탕이 되어준 스파르타 코딩클.. 개발일지/WIL(Weekly I Learned) 2024. 10. 25.

• 

  24-10-25 내일배움캠프 Node.js 사전캠프 16일차1. ZEP에서 이루어진 팀단위 JavaScript 스터디(1) 스터디 준비먼저 이전 시간에 작성했던 코드가 가진 약점들을 수정하고 보완하는 시간을 가졌다.1) 장애물의 y좌표를 더 정밀하게 조정public TGround tground;public TObstacle tobstacle;public void SpawnObstacle(Vector3 playerPosition){ Vector3 randomPosition = new Vector3(UnityEngine.Random.Range(5f, 10f), -playerPosition.y + tground.transform.position.y + tground.gameObject.GetComponent().boun.. 개발일지/TIL(Today I Learned) 2024. 10. 25.

• 

  SQL 실전!(6) 데이터 설명EmployeeIDNameDepartmentSalary1AliceHR50002BobIT70003CharlieIT60004DavidHR45005EveSales55006FrankIT7200 Projects 테이블:ProjectIDProjectNameBudget101Alpha10000102Beta15000103Gamma12000104Delta8000EmployeeProjects 테이블:EmployeeIDProjectID1101210131024103510461026103문제각 직원이 속한 부서에서 가장 높은 월급을 받는 직원들만 포함된 결과를 조회하는 SQL 쿼리를 작성해주세요.출력 결과에는 직원의 이름, 부서, 그리고 월급이 포함되어야 합니다. 기대 결과:문제 풀이첫번째~세번째 열 모두 Employ.. 개발일지/SQL 2024. 10. 25.