5년만에 최저치를 기록한 SW 개발자 채용 공고
개발자 취업 비법
10월 2일 현재상황
수정된 상황이다.<script>
document.getElementById("in").addEventListener("click", function(){
let c = confirm("출근을 선택하셨습니다. 그래도 하시겠습니까?");
});
document.getElementById("질병").addEventListener("click", function(){
let w = confirm("질병을 선택하셨습니다. 그래도 하시겠습니까?");
});
</script>로 수정했다.
그리고<h1>출석체크</h1><br>
<h2 id='clock'></h2>
<script>
function setClock(){
let today=new Date();
let e =today.toString();
document.getElementById("clock").innerHTML=e;
}setInterval('setClock()',1000);//1초마다 번복한다
setClock();
</script>
<strong>지각하지않기!!</strong>
<label for="time" >오전/오후</label>
<br>
<hr>
<ol>
<li>오전 출석체크</li>
<table>
<td>
<button id="출석" class="radio-style btn1" value="출석">출석</button>
<script>
document.getElementById("출석").addEventListener("click", function(){
var dialog = document.createElement("div");//다이얼 로그를 생성한다
dialog.innerHTML = "인정결석 또는 결석 하시겠습니까?<br><button id='인정결석'>인정결석</button><button id='결석'>결석</button>";//다이알로그의 내용을 설정한다.
dialog.style.position = "absolute";//다이얼로그의 위치 설정
dialog.style.backgroundColor = "white";
dialog.style.border = "1px solid black";
dialog.style.padding = "10px";
dialog.style.left = "50%";
dialog.style.top = "50%";
dialog.style.transform = "translate(-50%, -50%)";
document.body.appendChild(dialog);
document.getElementById("인정결석").addEventListener("click", function(){
// 인정결석을 선택한 경우의 작업
alert("인정결석 처리 완료!");
// 데이터베이스에 보내는 작업 추가
document.body.removeChild(dialog);
});
document.getElementById("결석").addEventListener("click", function(){
// 결석을 선택한 경우의 작업
alert("결석 처리 완료!");
// 데이터베이스에 보내는 작업 추가
document.body.removeChild(dialog);
});
});
</script>
<button class="radio-style btn2" value="인정결석" onclick="alert('인정출석인 경우 선택해주세요')">인정결석</button>
<input type="radio" class="rdo1" id="in" name="출근" value="1"
>
<label input class="name-input n1" type="radio" for="in">출근</label>
<input type="radio" class="rdo2" id="질병" name="질병" value="2">
<label class="name-input n2" for="질병">질병</label>
<input type="radio" class="rdo3" id="기타1" name="기타">
</td>
<script>
// let y=console.log("을 선택하셨습니다 그래도 하시겠습니까?")
document.getElementById("in").addEventListener("click",function(){
let c =confirm("출근을 선택하셨습니다. 그래도 하시겠습니까?") });
document.getElementById("질병").addEventListener("click",function (){
let e=confirm("질병을 선택하셨습니다. 그래도 하시겠습니까?");})
document.getElementById("기타1").addEventListener("click",function(){
let r=prompt("기타사유를 입력하세요");
if(r){
let UIF=document.createElement("input");//입력 요소에 들어갈 타입 지정 여기선 "Text"지정
UIF.type="text";
UIF.id="기타사유"
document.body.appendChild(UIF);
let IB=document.getElementById("기타사유");
IB.innerHTML="입력"//IB의 내부 HTML을 입력으로설정
IB.addEventListener("click",function(){
let r=document.getElementById("기타사유");//기타사유에 입력된 텍스트를 가져온다.
if(r){
let t=confirm("기타사유:"+r+"입니까?");
if(t){
//데이터 베이스로 보낸다
}
else{
confirm("취소 하시겠습니까?");{
if(true){
alert("취소 완료했습니다.");
document.body.removeChild(inputField); // 입력 필드 삭제
document.body.removeChild(inputButton); // 입력 버튼 삭제
}
}
}
}
})}})
</script>
에서 출석버튼과 인정결석버튼을 눌러을떄 이벤트를 처리하는 함수와 메소드를 추가했다
다음 내용이 궁금하다면?
이미 회원이신가요?
2023년 10월 2일 오전 10:55
댓글 0
함께 읽은 게시물
한때 천만원에 거래되었던 Manus, Bedrock 무료 오픈소스로 공개
한
... 더 보기비개발자도 Cursor AI로 결제 가능한 웹 서비스 만들기 🚀
6
... 더 보기🌎 해외에서 일하면 뭐가 좋을까요❓
외국어를 사용해서? 돈을 더 많이 벌어서? 새로운 기회가 많아서? 글로벌 경력을 쌓을 수 있어서?
... 더 보기무너지고 있는 프론트엔드, 백엔드 직군의 경계에 대한 고찰
AI 기술이 우리 일상과 산업 전반에 스며들면서 소프트웨어 개발 환경 역시 큰 변화의 물결을 맞이하고 있다. 특히 코딩을 돕는 AI 에이전트의 등장은 개발 생산성에 대한 큰 변화를 만들고 있다. 나 역시 이러한 변화를 체감하며, 나에게 익숙한 소프트웨어 개발의 대표적인 두 축인 프론트엔드와 백엔드 영역에서 AI 기술이 미치는 영향과 그로 인해 변화하는 소프트웨어 엔지니어의 역할에 대해 개인적인 생각을 정리해 본다.
... 더 보기
