삼바의 성장 블로그

What is the purpose of the alt attribute on imagesHTML에서 이미지에 alt속성을 사용하는 이유는 무엇입니까? 나의 답변alt속성을 사용하는 이유는 이미지 정보를 제공하기 위해서 입니다.alt속성은 이미지의 로드가 실패하여 이미지가 비어있거나 로딩이 지연될 경우, 이미지의 정보를 제공할 수 있습니다. 추가 학습내용웹크롤러들은 alt태그를 통해 이미지의 내용을 이해합니다. 따라서 SEO(Search Engine Optimization)를 적용하는데 중요한 요소로 고려되야 합니다..을 alt속성 값 마지막에 넣어 접근성을 향상시킬 수 있습니다. 예시xxxxxxxxxx참조https://www.w3schools.com/tags/att_img_alt.asphttp://we..

Java, Javascript언어들을 많이 사용하게 되면서 데이터 송수신에서 XML, Json등 다양한 형태를 사용하지만, 이들은 Parser를 필요로 합니다. 따라서 이의 부담을 줄이기 위해 데이터 송수신 format으로 fixed length를 많이 사용합니다. 전문의 구성송수신 format을 정할 때는 header와 body로 구성합니다.headerTransaction code와 관계없이 항상 일정한 크기를 갖습니다.header내에는 일반적으로 들어가는 내용은 다음과 같습니다.Transaction codeTransaction tracking을 위한 GUID(Globally Unique Identifier)접속자 정보(IP, User ID 등...)오류코드, 오류메시지body부의 데이터 길이bodyT..

인프런에서 자바: 클래스의 이해와 객체지향 프로그래밍을 수강하며 적은 강의노트입니다.강의내의 예시와 자세한내용은 강의를 통해 확인하실 수 있습니다. 14. 은닉화객체의 변수를 public으로 설정하였을 경우, 외부에서 마음대로 그 변수를 사용할 수 있음의도하지 않은 범위의 값을 넣을 수 있다.원하지 않는 데이터타입을 강제적으로 형변환하여 넣을 수도 있다.Getter ,Setterxxxxxxxxxxclass Box { private int num; public int getNum() { return num; } public void setNum(int num) { this.num = num; }} 15. 객체 확인클래스와 오브젝트의 응용instanceof는 오브젝트가 지정한 클래스의 오브젝트인지를 조사하기..

인프런에서 자바: 클래스의 이해와 객체지향 프로그래밍을 수강하며 적은 강의노트입니다.강의내의 예시와 자세한내용은 강의를 통해 확인하실 수 있습니다. 07. 상속상속의 정의상위클래스의 모든 것이 하위클래스에게 전달되는 것(상위 클래스의 멤버변수, 멤버함수 중, private로 접근제한이 된 경우에는 하위 클래스로 전달되지 않음)상속의 장점클래스 간의 체계화된 전체 계층 구조를 파악하기 쉽다.재사용성 증대: 기존 클래스에 있는 것을 재사용할 수 있다.확장 용이: 새로운 클래스, 데이터, 메서드를 추가하기가 쉽다.유지보수 용이: 데이터와 메서드를 변경할 때 상위에 있는 것만 수정하여 전체적으로 일관성을 유지할 수 있다.상속의 구현extends를 사용자바에서 여러 개의 클래스를 동시에 상속하는 다중 상속은 허용..

인프런에서 자바: 클래스의 이해와 객체지향 프로그래밍을 수강하며 적은 강의노트입니다.강의내의 예시와 자세한내용은 강의를 통해 확인하실 수 있습니다. 01. 클래스의 개념객체의 정의개념적인 객체: 눈에 보이고 만져짐ex. 동물, 자동차물리적인 객체: 눈에 보이지않고 만져지지 않음 개념적ex. 개, 고양이, K5클래스객체와 관련된 데이터와 처리동작을 한곳에 모은 것클래스를 기술하는 것을 클래스를 정의한다라고 함객체와 클래스클래스는 객체의 설계도와 같은 것으로 그 자체로는 이용할 수가 없습니다.이용하기 위해서는 설계도를 기초로 실체를 만들어야 합니다.클래스가 실체화된 것을 오브젝트(객체)라고 하며, 실체화 하는 작업을 '오브젝트를 생성한다' 혹은 '인스턴스화 한다'등으로 말합니다...

화면에 붙여보자xxxxxxxxxx - +​ ​ (() => { const data = { value: 0 } const counterDesc = App.ClickCounter(data).setCountFn( v => v - 1 ) const counterInc = App.ClickCounter(data).setCountFn( v => v + 1 ) const updateEl = document.querySelector('#counter-display') const btnDesc = document.querySelector('#btn-desc') const btnInc = document.querySelector('#btn-inc')​ const descCounterView = App.ClickCountV..

인프런에서 견고한 JS 소프트웨어 만들기를 수강하며 적은 강의노트입니다.보다 자세한 내용은 강의를 통해 확인하실 수 있습니다. 클릭카운터 모듈 - 스펙3감소버튼, 추가되는 수의 변화가 필요할지도 모른다.모듈을 바꿔야할텐데...ClickCounter모듈은 데이터를 주입받는다.테스트 코드 작성xxxxxxxxxx it('초기값을 주입하지 않으면 에러를 던진다', () => { const actual = () => (counter = App.ClickCounter()) expect(actual).toThrowError() })모듈수정xxxxxxxxxxvar App = App || {}​App.ClickCounter = _data => { if(!_data) throw Error('_data') const dat..

로만 HTML의 거의 모든 태그를 사용하던 도중, 이는 문서자체가 구조적이지 못하게하고, HTML5에서 추가된 Sementic(의미론적인)특징을 사용하지 못하는 것이라는 유튜브를 보고 이를 정리한 글입니다. 사용해야 하는 이유의미부여의미요소(Semantic Element)는 HTML로 만든 문서에 추가적으로 의미를 부여해줍니다. 무의미한 요소(Non-Semantic Element)로 문서를 작성할 경우, HTML문서를 접하는 사람이 어떤 데이터를 봐야할지, 어떤 데이터를 제공하는지 파악하기가 어렵습니다.사실 만능 를 사용하다가 Semantic 마크업들을 찾는 행위자체가 개발하는데 시간을 더 잡아먹을 것은 사실입니다. 하지만, Semantic 마크업을 사용하여 의미를 부여해준다면, 유지보수하거나 소프트웨어..

현재 배포하고있는 Spring Project에서 GC관련 이슈가 발생하여 이를 해결하기 위해 GC에 대해 정리합니다. Garbage CollectionGarbage Collection은 더 이상 유효하지 않은 주소(Dangling Pointer)를 정리해주는 프로그램을 의미합니다.JVM 상에서 Java Application을 실행하다보면 주소를 잃어버려서 사용할 수 없는 메모리가 생긴다. 이를 Garbage라고 하는데, 이 메모리들은 사용하지는 않지만 메모리에서 공간을 차지하고 있게 됩니다. 이 공간을 다시 사용할 수 있도록 해소해주는 역할을 하는 것이 Garbage Collection입니다.Stop-the-world말그대로 Garbage Collection을 실행시키기 위해, JVM에서 돌고있는 Jav..

MDN web docs를 참고하여 작성하였습니다. ArrayJavascript Array 는 배열을 생성할 때, 사용하는 객체입니다. 기초예제Array를 사용하기 위한 예제들입니다. // 에 결과값을 표시합니다.​x/* 1. 배열 만들기 */let fruits = ['사과', '바나나'];​/* 2. 인덱스로 배열의 항목에 접근하기 */let first = fruits[0];// 사과let last = fruits[fruits.length - 1];// 바나나​/* 3. 배열의 항목들을 순환하며 처리하기 */fruits.forEach(function (item, index, array) { console.log(item, index); });// 사과 0// 바나나 1​/* 4. 배열 끝에 항목 추가하기..