분류 전체보기199

• js 조건문 JavaScript에서 조건문은 특정 조건에 따라 코드 블록을 실행하는 데 사용됩니다. 조건문을 사용하면 프로그램의 흐름을 제어할 수 있습니다.     if 문if (조건) { // 조건이 true일 때 실행할 코드} let score = 85;if (score >= 60) { console.log("합격입니다!"); // 출력: 합격입니다!} if 문은 주어진 조건이 true일 때 코드 블록을 실행합니다. if...else 문 if (조건) { // 조건이 true일 때 실행할 코드} else { // 조건이 false일 때 실행할 코드} let score = 55;if (score >= 60) { console.log("합격입니다!");} else { console.l.. 개발 2024. 11. 5.

• js 스코프 및 화살표 함수 스코프(Scope) 스코프란 변수와 함수의 생명 주기와 접근 가능성을 정의하는 규칙입니다. JavaScript에는 여러 종류의 스코프가 있습니다    전역 스코프 (Global Scope) let globalVar = "나는 전역 변수입니다!";function showGlobalVar() { console.log(globalVar); // "나는 전역 변수입니다!" 출력}showGlobalVar(); 전역 스코프는 코드의 어디에서든 접근할 수 있는 범위입니다. 전역 변수는 전역 스코프에 속합니다.    함수 스코프 (Function Scope)  function myFunction() { let localVar = "나는 함수 내부 변수입니다!"; console.log(localVar);.. 개발 2024. 11. 5.

• js 함수 JavaScript 함수는 특정 작업을 수행하는 코드 블록입니다. 함수는 재사용 가능하고, 입력값을 받아 처리한 후 결과를 반환할 수 있습니다. 아래에서 JavaScript 함수의 기본 개념, 정의 방법, 인수, 반환값, 그리고 고급 개념에 대해 알아봅시다.     함수정의 함수 선언 (Function Declaration) function 함수이름(매개변수1, 매개변수2) { // 실행할 코드 return 반환값; // 선택 사항}  function add(a, b) { return a + b;}  함수 표현식 (Function Expression) const 함수이름 = function(매개변수1, 매개변수2) { // 실행할 코드 return 반환값; // 선택 사항}; .. 개발 2024. 11. 5.

• 

  깊은 복사 얕은 복사 얕은 복사 얕보면 큰일 난다.   얕은 복사 (Shallow Copy)얕은 복사는 객체의 최상위 속성만 복사하고, 중첩된 객체나 배열은 원본 객체와 참조를 공유합니다. 즉, 복사된 객체의 속성이 객체일 경우, 그 속성은 원본 객체의 속성과 동일한 참조를 가리킵니다. const original = { a: 1, b: { c: 2 } };// 얕은 복사const shallowCopy = Object.assign({}, original);// 원본 객체의 중첩된 속성 수정shallowCopy.b.c = 3;console.log(original.b.c); // 3 (원본 객체도 영향을 받음)console.log(shallowCopy.b.c); // 3  깊은 복사 (Deep Copy)깊은 복사는 객체의 모든 중.. 개발 2024. 11. 5.

• TIL_본캠프_6일차 생각했던것 보단 걱정은 덜었다.걱정 할 필요가 없었을지도.이번 과제는 물론 메인은 개인과제다. 하지만 팀을 꾸려놓고 개인 과제만 하면 의미 없지 않은가? 멍석이 깔려있는데 춤이라도 춰야하지 않겠는가? 우선은 저번의 과오를 바로 잡기위해 이번에는 아주 빠르게 아이스 브레이킹을 진행하였고.팀명 "한조" 를 만들었고 팀장은 어김없이 내가 되었지만 불만은 없다.오히려 좋아 이대로 쭉쭉 동료들을 늘려가며 빠르게 습득할수 있게 하여 나중에 능력있는 동료들을 많이 만들어서나의 영역을 늘려가겠다. 영역전개! 주마다 팀이 변경되어도 만나면 수월한 진행 못만나면 아쉬운 그런형태지만조는 총 8개 줄어들 수 있고 내가 키운씨앗은 무너지지 않을것이며확률은 아주 높다!수월한 미래가 보인다 보여! 그럼 오늘 공부한 무근본 중의 악.. TIL 2024. 11. 4.

• JavaScript 소개 언어란 소통을 위해 필요한 수단이고컴퓨터는 0과1로 대화를 하는데거기에서 우리가 컴퓨터와 대화를 하기 위한 중간 도구로프로그래밍 언어를 사용한다. JS 즉 JavaScript는 세계에서 많이 사용하는 스크립트 언어이고활용도가 높기 때문에 배울 필요가 있다. 2005년 *AJAX [Asynchronous  JavaScript and XML] : 비동기 자바스크립트와 XML AJAX: Asynchronous JavaScript and XML의 약자로, 웹 페이지가 서버와 비동기적으로 데이터를 주고받을 수 있게 해주는 기술입니다. AJAX를 사용하면 전체 페이지를 새로 고치지 않고도 웹 애플리케이션의 일부만 업데이트할 수 있어, 사용자 경험을 향상시키고 더 빠른 반응성을 제공합니다.JavaScript: 클라이.. 개발 2024. 11. 4.

• WIL_본캠프_Week_01 떨어지는 탈주속에서 빗방울은 튀어올랐다. 이번주는 이전과는 전혀다른 분위기 속에서 고민의 연속이 이어지는 한주였다.첫날의 소통이 잘 진행되지 않았고 원인 1 마이크 , 연결문제, 성향 두번째 날은 첫날과 비슷한 현상의 연속이었다. 서로의 소통방식을 통일하기 위해 Discord를 사용하는 방안을 사용하기도진행 도중 탈주자 발생으로 6명이었던 팀은 3명이 되었다. 진행이 원만하지 않은상태에서 사전 공부가 된사람과 되지 않은사람의 격차도 있었고진행을 따라 주지않는 이슈도 발생하였다.좀더 시간단위로 쪼개서 확인이 되었어야 했지만 그렇지 못했기때문에 너무 늘어져버렸고때문에 시간은 점점 촉박해졌고 급기야 제출기한을 아슬아슬하게 넘어가는 상황도 발생했다. 하지만 그런 상황속에서도 나의 잔머리는 미친듯이 돌아갔고속빈 .. WIL 2024. 11. 1.

• 본캠프_Week_1 드디어 한 주가 끝났다.다시 팀을 생성하고 작업해야한다.기대와 걱정이 동시에 온다.   공부 해야할것은 많은데 하고싶은것도 많다.오늘은 발표이외에 뭔가 피곤해서 그런지 집중이 안되고 있다. 오늘 한것을 돌아보면 즐겁게 발표를 끝마치고마무리를 했다는 것이다.오늘은 Node.js 를 설치해서 사용해보는데 뭔가 작동이 잘 안된다.주말 동안 충분히 살펴봐야할것 같다. Win 11로 잘못올린것인가? TIL 2024. 11. 1.

• 본캠프_Week_1_회고록 [팀장] 김정태 Keep현재 만족하고 있는 부분결과가 좋으면 되었다.계속 이어갔으면 하는 부분그 결과를 만들기 위한 끝없는 노력즐겁게 작업하기Problem불편하게 느끼는 부분통신 문제대화개선필요빠른 아이스 브레이킹 및 상대 성향 파악협업Try해결책다양한 환경의 팀작업 과 강제 시간은 일단 타이트하게오전은 코드카타가 아닌 현상황 대화 및 시간표 작성다음 회고 때 판별 가능한 것어느정도 성향파악이 빨랐는가?어느정도 즐겁게 작업했는가?어느정도 협업이 되었는가?당장 실행 가능한것강제 디스코드 강제 Slack추가 강제 협업Take My IDTake My NameTake My Talk [팀원] 최동현Keep아직 나의 생각이 멈춰있었기 때문에 그부분에서 답답함을 느꼈다이번 훈련을 통해서 새로운 경험을 쌓을수 있어서 .. TIL 2024. 11. 1.

• CSS Animation CSS 애니메이션 자체는 쉽다.   p { animation-duration: 3s; animation-name: 사용할 애니메이션이름;}@keyframes 애니메이션이름 { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; }}  @-webkit-keyframes 애니메이션이름 { 0% { left:100px; } 100% { left:300px; }}이런 식으로 %별로 위치나 크기를 지정할 수 있다. p { animation-duration: 3s; animation-name: slidein; animation-iteration-count: infinite; .. 개발 2024. 11. 1.

• 

  [TIL] 본캠프_4일차 정말 고민이 많이 되었던 팀작업 하나.수많은 어려움이 나에게 다가와도 멋지게 해결하는....하지만 힘들다.결과가 결국엔 좋으면 그만이니까.하지만 힘들다.    멋지게 타이틀도 만들고  팀원들 돌아다니며 인사하는것도 나오고  완전 쓸모없지만 상징적으루 다가 넣어보고  시작에 비하여 점점 초라해지는 용두사미 컨셉!   아주 심플하게 시작해서  너무 없어보였기 때문에 우산을 누르면 비가오는 다크모드    기록하기 기능을 사용하여   추가가 된다.   자바 스크립트 부분에서 머리가 터질듯 하게 짜증나는 부분이 있었지만튜터님이 모듈화를 알려주셔서비가 내리는 효과는 모듈형식으로 넣어봤고혹시 CSS도 모듈화가 가능한지 보니지피티가 된다해서 해보고안되서 뻘짓거리하다가뭘또 설치해야하고 설치 이후 빌드안해도 다른곳에 작동.. TIL 2024. 10. 31.

• 

  [TIL]본캠프_3일차 오늘도 어김없이 목표가 확실해야 한다.목표는 Node.js를 사용해서 서버통신을 해보는것이다.이것을 모른다면 아마 탈주자가 되어있을 것이다.클라이언트 교육과는 교차점이 현저히 낮을뿐이다.네트워크 테스트의 수단으로 사용은 하겠지만주가 되지는 않는것이다.   오늘은 HTML 과 CSS 과 JS 를 사용하여간단하게 만들어봤다.JS 켄버스를 사용해서 이리 저리 해보았지만결국 Canvas로 나눠둔 js의 내부 스크립트 겹침 현상 그리고 디버깅 vsCode로 하다.Chrome Console로 하다 전혀 다른 부분에서 에러가 뜨는거였고뭔가 코드가 늘어날 수록 번거러움이 심각해 지기 때문에좀더 심도 깊은 단계로 가기전에 기본을 확실히 다져야했다.아직 시간낭비를 너무 많이 하기때문에 이부분 확실히 다시 좀더 깊숙히 한톨한톨 짚고 넘어가.. TIL 2024. 10. 30.