Miya의 힐링

HRD-Net을 통해 교육과정을 알아보던 중 aiworks 아카데미에 대해 알게 되었습니다.

데이터라벨러 수업을 듣고 있는 중이라 경력단절 여성을 위한 취업연계형 디지털 교육 과정이 있다고하여 신청했어요.

배우고 있던 코딩 과정에 도움이 될 것 같아 신청했고 다행이 모집대상으로 선정되었습니다!!

친구와 같이 듣고 싶었지만... 경력단절이 아닌 친구는 신청할 수 없었답니다.ㅠㅠ

그리고 육아 휴직 중이던 친구도 경력단절이 아니었기에 ㅜㅜ 실패! 

저는 혼자 열심히 들어 보기로 했어요! 

처음엔 기본적인 엑셀, 파워포인트, 워드 등에 관한 수업부터 진행되었고 본격적으로  SW테스터 과정에 들어갔습니다. 

엑셀, 파워포인트, 워드는 어려운 게 없었지만 본격적인 수업은 처음 접하는 부분이다 보니.. 너무나 생소했습니다.

데이터라벨러 같은 경우에는 수업을 잘 듣고 따라할 수 있었지만 테스터 과정은 만만한게 아니었네요^^;

강사님은 전문적으로 이 일을 하고 계시는 분이셨고 실제 테스터 과정과 방법에 대해 상세히 알려주셨어요. 

너무 상세히 설명하고 알려주셔서..이 분야에 처음 이신 분들도 잘 따라가실수 있을 거라 생각합니다.

이 분야 전공을 하고 계시거나 자격증을 준비하시는 분들에게는 큰 도움이 되는 강의였을 거라 생각합니다. 

잘 모르는 저는 

강사님 말씀을 열심히 들었습니다만 숙제가 어려웠어요^^;

지방에 살고 있으면서 이런 교육을 받기가 쉽지 않고 또 비대면으로 진행되다보니 왔다갔다 시간도 소모되지 않을 뿐더러 정말 받기 힘든 교육이라는 생각에 끝까지 이수 했습니다!!

게다가 1기라니 뭔가 뿌듯하네요!

제가 사는 지역엔.. SW테스터 모집을 잘 안 하지만..열심히 배웠으니 복습도 하고 언젠가 쓸 수 있도록 수료증 잘 챙겨놔야겠어요. 수도권에 거주하시는 분들은 바로 실무에서 천천히 경력을 쌓으실 수 있지 않을까 생각합니다. 

짧은 기간이었지만 긴장되고 재밌는 시간이었습니다!!^^

관심있는 분들은 도전해 보세요! 저도 했으니 다들 하실 수 있을거에요~! 

시멘틱 웹이란 컴퓨터가 이해할 수 있는 웹이라는 의미로 검색 엔진 최적화( SEO)를 위해서는 웹 표준에서 채택하고 있는 태그에 따라 웹 사이트를 만들고 관리하는 것이 유리하다. 

대표적인 태그로는  header, nav, title, h, alt tag 등이 있다. 

사이트 제작 시 Logo를 이미지로 쓰는 페이지가 많았지만 html 작성시에 항상 h1태그로 제목을 표시하고 font-size를 0으로 줄이는 방법으로 작성하도록 배웠는데, h1 태그 장성만으로도 검색 순위에 큰 영향을 미친다고 하니 그 때문이었구나..란 생각과

알면 보이는 구나..란 생각이 든다. 

크로스브라우징

어떤 기기나 브라우저에서도 웹 사이트가 원활히 동작하도록 만드는 것을 크로스 브라우징(Cross Browsing)이라고 한다. 

새로나온 최신의 코드가 동작하지 않을 수 있으므로 확인 작업이 필요하다. 

1. statcounter : https://gs.statcounter.com/

브라우저 점유율을 알려주는 사이트.

2022년 6월 기준으로 크롬이 점유율 64.95%를 차지함.

2. Can I Use : https://caniuse.com/

CSS flexbox를 기준으로 검색해 보면 아래와 같다. 

현재 사용중인  Chrome버전은 아래에서 확인되는 102버전이고 Flexbox가 지원된다. 

3. Vendor Prefix(벤더 프리픽스)

예를 들어 설명하면  transition이라는 CSS3기능이 새로 등장했다고 했을때 이 기능이 아직 완벽하게 정립되지 않았을 때 실험적으로 기능이 작동할 수 있도록 접두사를 붙인다. CSS3에서 표준으로 확정 된 경우 브라우저 버전에 업그레이드되면 이 접두사를 사용할 필요가 사라진다. 하지만 이전 버전의 브라우저를 사용하는 경우 이용자가 이 기능을 이용하도록 하기 위해서는 벤더 프리픽스를 붙여 사용해야 한다. 

벤더 프리픽스 접두사는 각 브라우저 마다 다르다.

구글의 크롬, 모질라의 파이어폭스, 애플 사파리, MS의 익스플로러 등.. 정리하면 아래와 같다.

크롬과 사파리는 같은 -webkit을 사용한다. 

Asynchronous JavaScript and XML의 약자. (에이젝스)

자바스크립트를 이용한 비동기식 서버 통신 방식

쉽게 회원가입페이지의 아이디 중복체크와 같이 한 화면에서 두 가지 독립적인 내용을 표현할 수 있도록 하는 것으로 페이지가 새로 로딩되지 않고 기존의 정보는 유지된 채 아이디 중복체크가 가능하도록 하는 것.

• 로컬 환경에서  Ajax 확인 준비작업

1. 바탕화면에서 크롬 아이콘 위에서 오른쪽 클릭 [속성] 선택

2. [바로 가기] 탭에서 '대상(T)' 항목 맨 마기막 위체에서 한 칸 띄우고 '--allow-file-access-from-files' 추가

3. 이러한 설정을 변경하려면 관리자 권한이 있어야 합니다.  - > 계속

4. 지원되지 않는 명령...어쩌구 문제가 발생합니다. 등 경고창이 나오는 경우가 있음.

5. 준비 끝.

jQuery는 자바스크립트 생산성을 향상시켜 주는 자바스크립트 라이브러리

즉, 자바스크립트를 좀 더 쉽게 사용할 수 있도록 해 줌.

예) jQuery에서는 $(id)로 간단히 표현 가능

제이쿼리 사용하기

1. CDN 호스트를 통해 jQuery 불러오기

인터넷이 끊기면 사용할 수 없다. 

2. 파일을 다운로드 해 사용하기

경로설정이 중요하고 해당 경로에 반드시 존재해야 함. 

일반적으로 다운로드 해 사용하는 방법을 더 선호함.

제이쿼리 이벤트

같은 이벤트를 여러번 처리하거나 여러 이벤트를 동시에 처리할 수 있음

$(".box").on("mousemove mouseleave", function(){

     $("div".append("마우스가 해당 객체에서 이동할 때나 해당 객체에서 나갔을 때 이벤트가 발생합니다.");

});