안녕하세용👋되게 오랜만에 블로그 글을 쓰는 것 같네요 헤헤 원래는 코테 공부를 계속하면서 글도 올려보려고 했는데,현생을 살다보니 두마리 토끼를 못 잡겠더라구요ㅠㅠㅠ 그러다가 오랜만에 다시 들어왔습니다! 제가 요즘에는 게임 QA에도 관심이 많아서한동안은 QA 공부 위주로 해보면서개발 공부도 간간히 병행해보려고 생각 중입니다^_^ 그런 의미로! 게임 QA는 어떤 업무를 할까요? 단순히 게임을 테스트 하는 직무 아니야? 라고 생각하실 수 있는데,게임의 기획 의도가 게임에 바르게 반영이 되었는지를 확인하고,그에 맞는 TC(Test Case, 테스트 케이스)를 설계하는 업무도 함께 합니다! 정리해보면,1. 기획 검토2. TC 설계3. 버그 찾기 -> BTS(Bug Tracking System, 버그 트래킹 시스..

교육을 들으면서도 꾸준히 블로그 작성을 하려했지만,,,노션에만 정리해두고 글은 올리지 못한 나 ㅎ.ㅎ역시 글을 꾸준히 쓰는건 너무 어렵다; 요근래 취준하면서 계속해서 서류도 넣고,인생 첫 면접도 보면서 새로운 경험을 많이 했는데 정작 제일 중요한 코딩 연습을 너무 안해버린 이슈...그래서 서류를 붙어도 코테에 당연히 불합격할 수 밖에 없는 실력인...😢 넥토리얼도 그렇고.. 기업들 코테 어떻게 치는지 봤는데..영어..로 코테를... 보는 곳도 꽤 있다니.. 난 영어 정말 못하는데... 그래서 더 위기감을 느껴서 영어 해석하는 연습도 해볼 겸 CodeSignal이나 LeetCode로 연습도 해보려고 한다!(알고리즘도 공부를 해야..겠쬬.. 공부 열심히 안한 과거의 나 자신.. 정말 좋다^_^) 코딩하는..

JavaScript 기초 정리 - 스코프, 모듈, 객체, 조건문, 객체 비교오늘 수업에서는 JavaScript의 스코프(Scope), 모듈 스코프, 객체(Object)의 구조와 활용,그리고 조건문, 객체 비교 방식에 대해 배웠다!스코프| 블록 스코프 예제// 전역let scope = '전역'{ let scope1 = '지역' { let scope2 = '중첩된 지역' console.log(1, scope2) // ✅ '중첩된 지역' } console.log(2, scope1) // ✅ '지역'}console.log(3, scope) // ✅ '전역' 라인코드설명2let scope = '전역'전역 스코프. 어떤 블록이나 함수 밖에 있으므로 어디서든 접근 가능5~7let scope1 = '..

자바스크립트 기초 정리 2| 기본값, return, 표현식, 호이스팅, 함수 선언 방식, 화살표 함수 표현식 오늘은 어제에 이어서 함수에 대해서 마저 배우고, 화살표 함수 표현식에 대해 배웠다!함수 (Function)| 함수, 변수의 기본값undefined| 반환값return 키워드로 값을 명시적 반환한다.함수 내부에서 return을 사용하면 실행을 중단하고 값을 반환함.return 아래 코드들은 실행되지 않음.return이 없으면 함수는 암묵적으로 undefined를 반환함.function add(x, y) { return x + y;} | 표현식전달되기 전에 평가되어야 하는 값예: 12 + 9, sum(21 + 11 ,9)표현식(예: 21 + 11)을 전달하는 경우, 해당 표현식은 함수에 전달되기 ..

자바스크립트 기초 정리 - 주석, 세미콜론, 데이터 타입, 변수, 함수오늘은 JavaScript에서 꼭 알아야 할 개념들을 배웠다.처음 배우는 JavaScript인 만큼 수업에 집중해서 기초부터 차근히 다져가자!주석 (Comments)| 한 줄 주석// 한 줄 주석이다.| 여러 줄 주석/* 여러 줄 주석입니다. 여러 줄에 걸쳐 설명할 수 있다. */주석은 JavaScript 파일 내부에서 코드 설명을 남길 때 사용; 세미콜론 (Semicolons)| 꼭 써야 할까? 🤔JavaScript는 줄 끝마다 세미콜론(;)을 붙이는 언어지만, 생략해도 동작하는 경우가 많다고 한다.이는 ASI(Automatic Semicolon Insertion) 기능 덕분이다.console.log(2025); console.lo..

프로그래밍과 자바스크립트의 이해드디어 JavaScript 배우게 된 첫 번째 날이다.UI 프로젝트를 끝낸 뒤 처음 듣는 수업이었는데.. 집중력이 많이 떨어짐을 느꼈다ㅠㅠ그렇지만 열심히 정신을 차리고 수업을 들었다..! 오늘은 프로그래밍을 처음 배우는 입장에서 꼭 알아야 할 개념들과, JavaScript가 어떻게 웹의 핵심 언어가 되었는지를 배웠다.프로그래밍이란?: 컴퓨터에게 일을 시키기 위한 명령어를 작성하는 과정이때 사람과 컴퓨터 간 소통을 위해 사용하는 도구가 바로 프로그래밍 언어이다.컴퓨터는 자연어를 이해하지 못한다!컴퓨터는 한국어, 영어 같은 자연어를 이해하지 못한다.대신, 정의된 문법을 가진 언어(프로그래밍 언어)로만 명령을 인식한다.프로그래밍 언어의 종류1. 머신 코드 (Machine Code..

이번에는 검색바를 만드는 실습으로 flex 연습을 했다. 실습을 진행하다보니 뭔가 로고의 높이가 이상해보여서 개발자도구로 확인해봤더니 아래의 사진과 같았다. 네이버 SVG 크기는 24px인데, 실제로 여백이 생겨서 27px처럼 보인다?? 분명 svg의 크기는 24px*24px이니까 svg과 위 코드처럼 figure로 감싸져있어도 svg의 크기대로 나올 줄 알았는데 아니었다ㅠ 📝 원인처음엔 “margin이나 padding 때문인가?” “figcaption 때문인가?” 생각했지만,진짜 이유는 SVG가 인라인 요소이기 때문이었다 :(그래서 텍스트처럼 baseline 정렬을 하게 되..

Outline Algorithm이란?Outline Algorithm은 HTML5부터 자동으로 문서의 제목 태그(h1~h6)를 기반으로 문서 구조를 계층화하는 방법이다.페이지의 구조를 명확히 하고, 검색 엔진과 사용자가 페이지를 더 쉽게 이해하고 탐색할 수 있도록 도우며, 문서의 논리적 구조를 파악하기 위해 사용된다.이를 통해 웹 페이지의 가독성과 접근성을 높이며, SEO에도 긍정적인 영향을 미친다.Chrome의 익스텐션인 HeadingsMap을 통해 웹사이트의 문서 계층 구조를 시각적으로 확인할 수 있다.Daum 사이트 사례 분석Daum 사이트를 HeadingsMap으로 분석했을 때, h2 요소로 검색이라는 항목이 계층 구조에 표시되었다.그러나 실제 웹사이트 화면에는 "검색"이라는 단어가 보이지 않았다...