한 번은 기록하고 넘어가고 싶었던 나의 대학생 라이프랄까. C언어랑 C++ 배울 때 했던 학습공동체부터 책 하나 정해서 두 번 토론하고 보고서 쓰면 장학금 준대서 한 독서토론 글쓰기랑, 교내 사업단 연구팀 활동도 하고 그 덕에 유럽으로 단기연수도 갔다 와 보고 UCC팀으로 활동해서 영상도 만들어보고. 그러다가 교내보다는 다양한 학교의 사람들과 만나서 뭔가를 하고 싶어서 했던 내 첫 대외활동인 SK LOOKIE. 당시는 대학교 2학년 때다😆 LOOKIE는 사회와 환경을 새로운 시각으로 바라본다는 뜻으로 청년 소셜 이노베이터 LOOKIE 만의 신조어라고 한다. 내가 활동할 당시에는 전통적 가치, 사회적 가치, 비즈니스 가치를 포함한 프로젝트를 팀별로 진행하는게 목적이라고 해야 하나 아무튼! 발대식이라는 것도..

동아리 활동이나 졸작할땐 필수적으로 들어갈 기능 대충 생각하고 구글링하거나 책같은거 참고해서 오류만 안나면 오케이였는데, 맡겨진 업무를 하면서 코딩하다보면 line by line으로 모르는거 물어보거나 이전보다 많이 찾아보게 되고, 조금 더 사용자의 입장에서 생각하고 이게 더 편할까 저게 더 편할까 이렇게 보여주는 것이 더 나을까 생각하게 되는 것 같당. 아무튼 그럼 본론으로 들어가서 이번 포스팅에서는 제이쿼리 이벤트 처리에 대해 알아보자! 먼저 이벤트란 무엇일까??? 클릭을 하는 것, 마우스로 드래그하는 것, 타닥타닥해서 작성하는 것 등등 웹 페이지에서 일어나는 동작들이 다 이벤트이다. 즉, 이벤트가 발생했다는 것은 웹 페이지에서 특정 동작이 발생하여, 웹 브라우저가 그 사실을 알려주는 것을 의미한다...

Display 웹 페이지의 레이아웃을 결정하는 CSS의 중요한 속성 중 하나로, 해당 HTML 요소가 웹브라우저에 언제 어떻게 보이는지 결정. 대부분의 요소들은 속성의 기본값으로 block, inline, none 을 사용. Visibility visibility 속성은 HTML 요소가 웹 페이지에 표현될지 아닐지만을 결정. 따라서 웹 페이지에는 나타나지 않더라도 레이아웃 내에는 여전히 존재하게 되며, 코드 내에도 당연히 존재. visibility 속성을 자바스크립트와 함께 사용해서 레이아웃을 만들 수 있음. 속성값으로는 visible, hidden, collapse를 사용. collapse의 경우 동적인 테이블에서만 사용할 수 있으며, 테이블의 테두리를 한 줄만 보여줌. display: 'none' v..

.attr() : 선택한 요소 집합의 첫 번째 요소의 지정된 속성(attribute) 값을 반환. .prop() : 선택한 요소 집합의 첫 번째 요소의 지정된 프로퍼티(property) 값을 반환. 글로만 봐서는 속성과 프로퍼티에 대한 개념이 뭔 차이지...이럴 테니 이걸 그래도 이해하기 쉬운 체크박스를 예로 들어보자. 우선 input으로 간단히 체크박스 하나 만들어주고 id값도 지정해주고 check상태로 만들어준다. 그 다음은 개발자도구를 켜서 콘솔창에 가서 attr()이랑 prop()을 해보쟈. 프론트단 만질때는 특히나 개발자도구 켜놓는거 추천!! 자스랑 제이쿼리 테스트해보고 디버깅해볼때 정말정말 유용한데 이것도 한번 나도 정리할겸 담에 포스팅해야겠다. 암튼 다시 돌아와서, 우리가 checked="c..

JSTL이란? JSTL이란 JSP Standard TAG Library의 약자로, XML 데이터 처리와 조건문, 반복문, 국제화와 지역화와 같은 일을 처리하기 위한 JSP 태그 라이브러리를 추가하여, JSP 페이지 내에서 자바 코드를 바로 사용하지 않고 훨씬 간결한 문법 구조로 로직을 만들어내는 방법을 제공하는 것이다. Core의 c, XML의 x, 국제화의 fmt, 데이터베이스의 sql, 함수의 fn으로 5가지의 태그를 지원하는데, 주로 사용했던 건 core의 변수지원이나 흐름제어 혹은 URL처리 관련 태그로 보여진다. 아 여기서 중요한 것은!!! Core 태그 사용 위해 JSP 페이지에 먼저 선언해주기 / jsp에서 사용될 변수를 설정하고 제거하는 태그 이런 식으로 내용 출력하는 태그 조건에 따라서 ..

Spring Annotation이란? 자바 코드 사이에 주석처럼 쓰여서 특별한 의미를 부여하는 것. 컴파일러가 특정 오류를 억제하도록 지시하는 것과 같이 프로그램 코드의 일부가 아닌 프로그램에 관한 데이터 제공. 즉 프로그램에게 추가적인 정보를 제공해주는 메타데이터라고 볼 수 있음. 클래스 내부 혹은 클래스 바로 위에 @로 시작하는 것이 바로 어노테이션이다! Annotation 종류 주로 내가 컨트롤러단 작업 하면서 자주 봤었던, 헷갈렸던 Annotation들만 정리해보깅ㅎㅎㅎ @Autowired : 속성(field), setter method, constructor(생성자)에서 사용하며 Type에 따라 알아서 Bean을 주입. @Controller : 이 클래스가 컨트롤러 클래스라고 알려주는 것. 컨트..

자바 프로그램의 실행 과정 자바 컴파일러(Java compiler) 자바 컴파일러는 자바를 가지고 작성한 자바 소스 코드를 자바 가상 머신이 이해할 수 있는 바이트 코드로 변환. 자바 바이트 코드(Java bytecode) 자바 가상 머신이 실행하는 명령어의 형태로 확장자는 .class 자바 바이트 코드는 자바 가상 머신만 설치되어 있으면, 어떤 운영체제에서라도 실행될 수 있음. 자바 가상 머신(JVM) 자바 바이트 코드를 실행시키기 위한 가상의 기계. 자바로 작성된 모든 프로그램은 자바 가상 머신에서만 실행될 수 있기 때문에 반드시 설치되어 있어야 하는 것. 자바 프로그램과는 달리 자바 가상 머신(JVM)은 운영체제에 종속적이므로, 각 운영체제에 맞는 자바 가상 머신을 설치해야 함. 자바 인터프리터, ..

Ajax란 Asynchronous JavaScript and XML의 약자. Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있음. Ajax의 장점으로는, 웹 페이지 전체를 다시 로딩하지 않고도 웹 페이지의 일부분만을 갱신할 수 있고, 웹 페이지가 로드된 후에 서버로 데이터 요청을 보내거나 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있음. 주로 사용했던 건 jquery ajax인데 대략적인 기본 형태는 아래와 같이 쓸 수 있다. url에다가는 연결해 줄 경로를 적어주고 타입에다가는 get방식인지 post 방식인지 적어주면 된다. dataType은 서버 측에서 전송한 데이터를 어떤..

The Blunder 문제: Samantha was tasked with calculating the average monthly salaries for all employees in the EMPLOYEES table, but did not realize her keyboard's 0 key was broken until after completing the calculation. She wants your help finding the difference between her miscalculation (using salaries with any zeros removed), and the actual average salary. Write a query calculating the amount of ..